@charset "UTF-8";
#header {
    margin: 0
}




.row-placeTop .num-photo em {
    font-style: normal;
    color: #ff9d00
}

.row-placeTop .place-navbar {
    margin-bottom: 0;
    border-bottom: 0;
    z-index: 1001
}

.row-placeTop .extra {
    float: right;
    padding-top: 10px;
    text-align: right;
    position: relative;
    z-index: 2
}

.row-placeTop .weather {
    float: none;
    padding: 0;
    width: auto;
    text-align: right;
    font-size: 12px;
    color: #999;
    line-height: 25px
}

.row-placeTop .weather img {
    margin-right: 8px;
    width: 25px;
    vertical-align: middle
}

.row-placeTop .weather a {
    text-decoration: none;
    color: #999;
    line-height: 25px
}

.row-placeTop .action {
    margin-top: 25px
}

.row-placeTop .btn-collect, .row-placeTop .btn-been {
    display: inline-block;
    height: 30px;
    margin-left: 20px;
    color: #333;
    line-height: 15px;
    vertical-align: top;
    line-height: 30px;
    font-size: 14px
}

.row-placeTop .btn-collect:hover, .row-placeTop .btn-been:hover {
    text-decoration: none
}

.row-placeTop .icon {
    float: left;
    margin-right: 10px;
    width: 30px;
    height: 30px;
    background: url(/images/mdd/poiV3-sprite6.png) no-repeat -230px 0;
    overflow: hidden
}

.row-placeTop .btn-collect.on .icon, .row-placeTop .btn-collect:hover .icon {
    background-position: -260px 0
}

.row-placeTop .btn-been .icon {
    background-position: -230px -30px
}

.row-placeTop .btn-been.on .icon, .row-placeTop .btn-been:hover .icon {
    background-position: -260px -30px
}

.r-main {
    float: left;
    width: 680px
}

.r-side {
    float: right;
    width: 260px
}

.screen .photo {
    display: block;
    position: relative;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.screen .photo:hover {
    text-decoration: none
}

.screen .photo .text {
    position: absolute;
    right: 20px;
    bottom: 15px;
    color: #fff;
    font-size: 20px;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, .6);
    -webkit-transition: all .6s ease;
    transition: all .6s ease
}

.screen h1 {
    font-weight: normal;
    font-size: 80px;
    z-index: 2;
    white-space: nowrap
}

.screen .photo:before {
    content: '';
    display: block;
    left: 0;
    right: 0;
    bottom: 0;
    height: 80px;
    position: absolute;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.8) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(50%, rgba(0, 0, 0, 0.3)), color-stop(100%, rgba(0, 0, 0, 0.8)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 10px, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.8) 100%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.8) 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.8) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.8) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#99000000', GradientType=0);
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.screen .photo:hover .text {
    opacity: 0;
    filter: alpha(opacity=0)
}

.screen .photo:hover:before {
    opacity: 0
}

.screen .gousa {
    position: relative
}

.videoplay {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -41px;
    margin-top: -41px;
    cursor: pointer;
    z-index: 1;
    opacity: 0;
    transition-property: opacity;
    transition-duration: 500ms;
    transition-delay: 500ms;
    transition-timing-function: ease
}

.videohover .videoplay {
    opacity: 1
}

.videohover .videostop {
    opacity: 1
}

.videoplay i {
    float: left;
    width: 82px;
    height: 82px;
    background: url(/images/mdd/place/videoplay.png) no-repeat;
    background-size: 82px 82px;
    overflow: hidden
}

.videostop i {
    float: left;
    width: 82px;
    height: 82px;
    background: url(/images/mdd/place/videostop.png) no-repeat;
    background-size: 82px 82px;
    overflow: hidden
}

.voiceon {
    position: absolute;
    right: 10px;
    bottom: 12px;
    cursor: pointer;
    z-index: 1;
    opacity: 0;
    transition-property: opacity;
    transition-duration: 500ms;
    transition-delay: 500ms;
    transition-timing-function: ease
}

.videohover .voiceon {
    opacity: 1
}

.videohover .voiceoff {
    opacity: 1
}

.voiceon i {
    float: left;
    width: 25px;
    height: 23px;
    background: url(/images/mdd/place/voiceon.png) no-repeat;
    background-size: 25px 23px;
    overflow: hidden
}

.voiceoff i {
    float: left;
    width: 25px;
    height: 23px;
    background: url(/images/mdd/place/voiceoff.png) no-repeat;
    background-size: 25px 23px;
    overflow: hidden
}

.m-impress {
    margin: 0 0 10px
}

.m-impress .hd {
    margin: -5px 0 7px;
    font-weight: normal;
    line-height: 30px;
    font-size: 16px
}

.m-impress .bd ul {
    margin-left: -5px;
    *zoom: 1
}

.m-impress .bd li {
    float: left;
    display: inline;
    margin: 0 0 6px 6px
}

.m-impress .bd li a {
    float: left;
    padding: 4px 8px 4px 10px;
    height: 20px;
    border: 1px solid #fece72;
    line-height: 20px;
    font-size: 14px;
    color: #ff8a00;
    border-radius: 2px;
    white-space: nowrap
}

.m-impress .bd li a:hover {
    text-decoration: none;
    background-color: #ffa800;
    border-color: #ffa800;
    color: #fff
}

.m-impress .bd a em {
    font-size: 12px;
    color: #999;
    font-family: verdana;
    font-style: normal
}

.m-impress .bd a:hover em {
    color: #fff
}

.m-impress .bd .tag {
    display: block;
    width: 260px;
    height: 70px;
    overflow: hidden
}

.m-impress .bd .t-info {
    display: block;
    width: 260px;
    min-height: 140px;
    overflow: hidden
}

.m-impress .reviews {
    margin-top: 3px;
    height: 37px;
    padding: 15px 15px 15px 44px;
    background-color: #f7f7f7;
    border-radius: 3px;
    font-size: 14px;
    line-height: 20px
}

.m-impress .reviews a {
    color: #ff9d00
}

.m-impress .reviews .avatar {
    float: left;
    margin: 0 0 0 -33px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    overflow: hidden
}

.r-side .m-nearby {
    position: relative;
    z-index: 3;
    width: 260px;
    height: 178px
}

.r-side .maps-img {
    position: relative;
    display: block;
    height: 178px;
    width: 260px;
    overflow: hidden
}

.r-side .maps-img a {
    white-space: nowrap
}

.r-side .maps-img img {
    position: absolute;
    left: -132px;
    top: -91px;
    width: 525px;
    height: 360px
}

.r-side .m-nearby h4 {
    position: absolute;
    right: 8px;
    bottom: 5px;
    font-size: 16px;
    color: #333;
    font-weight: normal
}

.r-side .maps-expand {
    opacity: 0;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 5;
    width: 525px;
    height: 360px;
    color: #643718;
    background-color: #000;
    -moz-transition: all .8s ease 0s;
    -ms-transition: all .8s ease 0s;
    -o-transition: all .8s ease 0s;
    transition: all .8s ease 0s
}

.r-side .op {
    opacity: 1
}

.maps-expand .mark, .maps-img .mark {
    position: absolute;
    z-index: 20;
    font-size: 22px;
    color: #643718;
    line-height: 30px
}

.maps-expand .icon-a, .maps-expand .icon-b, .maps-img .icon-a, .maps-img .icon-b {
    float: left;
    width: 28px;
    height: 28px;
    background: url(/images/mdd/place/maps-icon.png) no-repeat 0 0;
    overflow: hidden
}

.maps-expand .icon-a, .maps-img .icon-a {
    background-position: -32px 0
}

.maps-expand .mark.small, .maps-img .mark.small {
    font-size: 16px
}

.maps-expand .mark .removepos {
    position: absolute;
    left: 16px;
    top: -10px;
    font-size: 20px;
    display: block;
    width: 11px;
    height: 11px;
    line-height: 11px;
    display: none
}

.maps-expand .mark:hover .removepos {
    display: block
}

.maps-expand .mark .left {
    position: relative
}

.maps-expand .mark .right {
    position: relative;
    left: 0;
    top: 0
}

.maps-expand .mark .top {
    position: relative
}

.maps-expand .mark .bottom {
    position: relative
}

.r-side .maps-expand h4 {
    font-size: 24px;
    color: #643718
}

.r-side .maps-expand .close {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 6;
    width: 28px;
    height: 28px;
    background: url(/images/mdd/place/maps-icon.png) no-repeat -63px 0;
    overflow: hidden;
    cursor: pointer
}

.row-feature .col {
    float: left;
    width: 300px;
    display: inline;
    margin: 0 50px 0 0
}

.row-feature .hd {
    margin-bottom: 10px;
    font-size: 24px;
    font-weight: normal;
    line-height: 24px
}

.row-feature .hd a {
    padding-right: 20px;
    position: relative;
    display: inline-block;
    color: #000
}

.row-feature .hd i {
    position: absolute;
    right: 0;
    top: 6px;
    width: 13px;
    height: 13px;
    background: url(/images/mdd/place/place-sprite8.png) no-repeat -30px 0;
    overflow: hidden
}

.a-link {
    display: inline-block;
    font-size: 14px;
    position: relative;
    padding-right: 15px;
    color: #ff9d00 !important
}

.icon-link {
    position: absolute;
    right: 0;
    top: 4px;
    display: inline-block;
    width: 13px;
    height: 13px;
    background: url(/images/mdd/place/place-sprite8.png) no-repeat -45px 0;
    overflow: hidden
}

.row-feature .hd a:hover {
    color: #ff7200;
    text-decoration: none
}

.row-feature .hd a:hover i {
    background-position: -45px 0
}

.row-feature dl {
    margin-bottom: 15px;
    padding: 5px 0
}

.row-feature dl:hover {
    padding: 5px;
    margin-left: -5px;
    margin-right: -5px;
    background-color: #fff
}

.row-feature dt {
    height: 27px;
    margin-bottom: 12px;
    line-height: 27px;
    overflow: hidden;
    font-size: 16px
}

.row-feature dd a {
    color: #666;
    text-decoration: none
}

.row-feature .r-tit {
    font-size: 18px;
    color: #333
}

.row-feature .r-tit:hover {
    text-decoration: none
}

.row-feature .i-hotel1, .row-feature .i-hotel2, .row-feature .i-hotel3 {
    float: left;
    margin-right: 6px;
    width: 27px;
    height: 27px;
    background: url(/images/mdd/place/place-sprite8.png) no-repeat 0 0;
    overflow: hidden
}

.row-feature .i-hotel2 {
    background-position: 0 -30px
}

.row-feature .i-hotel3 {
    background-position: 0 -60px
}

.row-feature .r-photo {
    margin: 15px 0;
    padding: 2px;
    background-color: #fff
}

.row-feature .r-text {
    height: 90px;
    padding-top: 5px;
    font-size: 16px;
    line-height: 20px;
    overflow: hidden;
    word-wrap: break-word;
    word-break: normal
}

.row-feature h4 {
    margin-bottom: 8px;
    font-size: 16px;
    color: #000;
    font-weight: normal
}

.row-feature h4 em {
    margin-right: 10px;
    font-style: normal;
    font-size: 22px;
    color: #ff9d00;
    vertical-align: middle
}

.row-feature .r-text .num {
    font-size: 16px;
    color: #ff9d00;
    font-weight: bold
}

.row-feature .ft {
    padding-top: 10px;
    line-height: 20px;
    border-top: 1px dashed #c4c3c3;
    text-align: center
}

.row-feature .No {
    float: left;
    margin: 4px 10px 0 0;
    width: 20px;
    height: 20px;
    background-color: #ff9d00;
    border-radius: 3px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    line-height: 20px
}

.row-feature .r-num {
    float: right;
    font-size: 14px;
    color: #666
}

.row-feature .r-num em {
    font-style: normal;
    color: #ff9d00
}

.row-feature .user {
    display: inline-block;
    color: #333
}

.row-feature .user img {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    float: left;
    margin: 0 10px 0 0
}

.row-feature .col-cate {
    margin: 0
}

.row-feature .btn-addpoi {
    display: block;
    margin-bottom: 10px;
    border: 1px dashed #ccc;
    text-align: center;
    line-height: 48px;
    color: #333;
    font-size: 16px
}

.row-feature .btn-addpoi:hover {
    text-decoration: none;
    border-color: #ff9d00;
    color: #ff9d00
}

.row-feature .btn-addpoi i {
    display: inline-block;
    margin-right: 10px;
    width: 15px;
    height: 15px;
    background: url(/images/mdd/place/place-sprite8.png) no-repeat -190px -60px;
    vertical-align: -2px;
    *vertical-align: middle
}

.row-feature .btn-addpoi:hover i {
    background-position: -210px -60px
}

.row-ask, .row-sales {
    font-size: 14px;
    line-height: 24px
}

.row-ask .hd, .row-schedule .hd {
    margin-bottom: 35px;
    line-height: 24px;
    font-size: 24px;
    color: #643718;
    font-weight: normal
}

.row-ask .hd span {
    padding-left: 5px;
    font-family: 'simsun';
    font-size: 18px;
    color: #a8a8a8
}

.row-ask .hd a:hover {
    color: #ff7200;
    text-decoration: none
}

.row-ask .r-main dl {
    margin-bottom: 20px;
    padding-bottom: 5px;
    border-bottom: 1px dashed #ddd
}

.row-ask .r-main dl:nth-last-child(1), .row-ask li:nth-last-child(1) {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0
}

.row-ask .r-main dt {
    padding-left: 36px
}

.row-ask .r-main .title {
    margin-bottom: 6px
}

.row-ask .r-main .title a {
    font-size: 16px;
    vertical-align: top
}

.row-ask .empty {
    width: 540px;
    margin: 50px auto 0;
    height: 32px;
    border: 1px solid #f0f0f0;
    border-radius: 4px;
    padding: 13px 20px 13px 125px;
    line-height: 32px;
    font-size: 16px;
    position: relative;
    color: #333
}

.row-ask .i-empty {
    position: absolute;
    width: 92px;
    height: 96px;
    background: url() no-repeat 0 0;
    left: 0;
    top: -34px
}

.row-ask .add-ask {
    display: inline-block;
    margin-left: 40px;
    color: #ff9d00
}

.row-ask .add-ask i {
    float: left;
    margin-right: 15px;
    width: 32px;
    height: 32px;
    background: url() no-repeat
}

.reward {
    display: inline-block;
    font-size: 18px;
    color: #ffda0f;
    font-family: Georgia, Verdana
}

.reward i {
    float: left;
    margin: 2px 0 0 0;
    width: 20px;
    height: 20px;
    background: url(/images/mdd/place/place-sprite8.png) no-repeat -30px -30px;
    overflow: hidden
}

.row-ask .more-answer {
    float: right
}

.row-ask .side-banner {
    text-align: right
}

.row-ask .tags a {
    display: inline-block;
    margin: 3px 3px 0 0;
    line-height: 18px !important;
    padding: 0 12px;
    background-color: #fff0c9;
    border-radius: 2px;
    color: #9d7d50;
    font-size: 12px !important;
    white-space: nowrap
}

.row-ask .tags a:hover {
    text-decoration: none;
    color: #fff;
    background-color: #ffa800
}

.row-ask .icon-wen, .row-ask .icon-da {
    float: left;
    margin: -3px 0 0 -36px;
    width: 30px;
    height: 30px;
    background: url(/images/mdd/place/place-sprite8.png) no-repeat -60px 0
}

.row-ask .icon-da {
    background-position: -60px -30px
}

.row-ask .r-main dd {
    margin-top: 20px;
    padding-left: 36px
}

.row-ask .r-main dd p {
    max-height: 48px;
    *height: 48px;
    overflow: hidden
}

.row-ask .r-side .hd {
    height: 24px;
    margin-bottom: 30px;
    line-height: 20px
}

.row-ask li {
    margin-bottom: 8px;
    padding-bottom: 8px;
    border-bottom: 1px dashed #ddd
}

.row-ask .r-side {
    overflow: hidden
}

.row-ask .user {
    float: left;
    margin-right: 10px;
    padding-left: 34px;
    font-size: 12px !important;
    line-height: 26px;
    height: 24px;
    overflow: hidden;
    max-width: 70px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.row-ask .user img {
    position: absolute;
    margin: -4px 0 0 -34px;
    width: 32px;
    height: 32px;
    border-radius: 50%
}

.row-ask .desc {
    margin-top: 5px;
    color: #999
}

.row-ask .desc a {
    color: #999
}

.row-ask .content a {
    color: #666
}

.row-ask .best-answer {
    float: left;
    margin-right: 10px;
    color: #92bf48
}

.gl-list {
    height: 385px;
    text-align: center;
    overflow: hidden
}

.gl-list li {
    float: left;
    width: 156px;
    display: inline;
    margin-right: 55px
}

.gl-list .gl-cover {
    display: block;
    margin-bottom: 20px
}

.gl-list .btn {
    display: inline-block;
    width: 110px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    border-radius: 3px
}

.gl-list .btn:hover {
    text-decoration: none;
    color: #fff
}

.gl-list .download-pdf {
    background-color: #92bf48
}

.gl-list .download-pdf:hover {
    background-color: #9fc75f
}

.gl-list .download-jpg {
    background-color: #5dcfef
}

.gl-list .download-jpg:hover {
    background-color: #6fbeea
}

.gl-list .btn + span {
    display: block;
    height: 30px;
    line-height: 26px
}

.gl-slide {
    width: 1000px;
    position: relative
}

.gl-slide-con {
    width: 1000px;
    height: 385px;
    position: relative;
    overflow: hidden
}

.gl-slide .gl-list {
    position: absolute;
    left: 0;
    top: 0
}

.gl-slide .btn-slide {
    position: absolute;
    top: 40%;
    margin-top: -21px;
    width: 24px;
    height: 41px;
    background: url(/images/mdd/place/ctrl-btn-arrow.png) no-repeat 0 -50px;
    overflow: hidden
}

.gl-slide .btn-slide-left {
    left: -43px
}

.gl-slide .btn-slide-right {
    right: -43px;
    background-position: -30px -50px
}

.gonglve-item {
    width: 980px;
    height: 206px;
    float: left;
    margin-top: 0;
    padding: 0 10px
}

.gonglve-multi {
    width: 480px;
    padding: 0
}

.gonglve-last {
    margin-left: 35px
}

.gonglve-item .gl-cover {
    float: left;
    width: 140px;
    height: 200px;
    cursor: pointer
}

.gl-info {
    float: left;
    display: inline;
    margin-left: 30px;
    width: 560px;
    margin-left: 10px
}

.gonglve-multi .gl-info {
    width: 180px;
    height: 206px;
    overflow: hidden;
    margin-left: 20px
}

.gl-info h2 {
    margin-bottom: 5px;
    font-weight: normal;
    font-size: 22px;
    color: #643718;
    line-height: 30px
}

.gl-intro {
    margin: 5px 0;
    line-height: 24px;
    font-size: 14px;
    color: #643718;
    word-break: normal
}

.gl-num {
    color: #ff7800
}

.gl-num .ul-time {
    margin-right: 40px
}

.gl-dload {
    float: right;
    display: inline;
    width: 170px;
    margin-right: 10px
}

.gonglve-multi .gl-dload {
    width: 120px
}

.gl-dload dt {
    line-height: 22px
}

.gl-dload dt em {
    font-style: normal;
    font-size: 22px;
    vertical-align: text-bottom
}

.gl-dload dd {
    margin-top: 15px;
    text-align: right;
    line-height: 20px
}

.gl-dload dd a {
    display: block;
    height: 58px;
    margin-bottom: 10px;
    background-color: #92bf48;
    line-height: 58px;
    color: #fff;
    font-size: 20px;
    border-radius: 5px;
    text-align: center
}

.gonglve-multi .gl-dload dd a {
    font-size: 16px
}

.gl-dload dd a:hover {
    background-color: #9fc75f;
    text-decoration: none
}

.gl-dload dd a.btn-jpg {
    background-color: #54b4e6
}

.gl-dload dd a.btn-jpg:hover {
    background-color: #6fbeea
}

.gl-dload .uload {
    margin-top: 20px;
    background-color: #f1f1f1;
    line-height: 28px;
    border-radius: 20px
}

.pdfpics {
    height: 206px
}

.row-sales {
    *zoom: 1
}

.sales-cards {
    float: left;
    width: 312px;
    margin-right: 20px;
    display: inline;
    border: 1px solid #e0e0e0;
    background-color: #fff
}

.sales-cards a {
    display: block;
    color: #333
}

.sales-cards a:hover {
    text-decoration: none;
    color: #ff9d00
}

.sales-cards .image {
    height: 212px;
    position: relative;
    overflow: hidden
}

.sales-cards .info {
    padding: 15px
}

.sales-cards h3 {
    margin-bottom: 12px;
    height: 40px;
    font-size: 16px;
    font-weight: normal;
    line-height: 20px;
    overflow: hidden
}

.sales-cards .num {
    float: right;
    font-size: 12px;
    color: #999;
    line-height: 28px
}

.sales-cards .price {
    margin-right: 20px;
    font-size: 14px;
    color: #fc9c27
}

.sales-cards .price em {
    font-style: normal;
    font-size: 20px
}

.sales-cards .original {
    font-size: 14px;
    color: #999;
    text-decoration: line-through
}

.sales-cards .mark-type {
    position: absolute;
    left: 0;
    top: 0;
    padding: 1px;
    line-height: 28px;
    font-size: 14px
}

.sales-cards .mark-type strong {
    float: left;
    padding: 0 10px;
    color: #fff;
    font-weight: normal
}

.sales-cards .mark-type span {
    float: left;
    padding: 0 8px;
    background-color: #fff
}

.sales-cards .type-t1 {
    background-color: #9b6ed2;
    color: #9b6ed2
}

.sales-cards .type-t2 {
    background-color: #46b9a0;
    color: #46b9a0
}

.sales-cards .type-t3 {
    background-color: #ff9d00;
    color: #ff9d00
}

.sales-cards .type-t4 {
    background-color: #786ee6;
    color: #786ee6
}

.sales-cards .type-t5 {
    background-color: #ff7373;
    color: #ff7373
}

.sales-cards .type-t6 {
    background-color: #ff7373;
    color: #ff7373
}

.sales-cards .type-t7 {
    background-color: #786ee6;
    color: #786ee6
}

.sales-cards .type-t8 {
    background-color: #9b6ed2;
    color: #9b6ed2
}

.sales-cards .type-t9 {
    background-color: #ff9d00;
    color: #ff9d00
}

.sales-cards .type-t10 {
    background-color: #12bcc4;
    color: #12bcc4
}

.sales-more {
    float: left;
    width: 315px;
    margin-left: 15px;
    color: #333
}

.sales-more dt {
    margin-bottom: 25px;
    font-size: 20px
}

.sales-more em {
    font-style: normal;
    color: #ff9d00
}

.sales-more a {
    color: #333
}

.sales-more a:hover {
    text-decoration: none;
    color: #ff9d00
}

.sales-more dd {
    margin-top: 10px
}

.sales-more dd a {
    display: block;
    padding: 7px 20px;
    background-color: #f6f6f6;
    border-radius: 3px;
    line-height: 32px;
    font-size: 18px
}

.sales-more dd a:hover {
    background-color: #ededed
}

.sales-more .fr {
    float: right;
    color: #666
}

.sales-more .icon {
    float: left;
    margin-right: 10px;
    width: 32px;
    height: 32px;
    background: url(/images/mdd/place/sales-icon6.png) no-repeat 0 0;
    overflow: hidden
}

.sales-more .icon-hotelFlight {
    background-position: 0 0
}

.sales-more .icon-hotel {
    background-position: 0 -35px
}

.sales-more .icon-flight {
    background-position: 0 -70px
}

.sales-more .icon-cruises {
    background-position: 0 -105px
}

.sales-more .icon-local {
    background-position: 0 -140px
}

.sales-more .icon-half {
    background-position: 0 -175px
}

.row-sales .mod-hd {
    height: 30px;
    margin-bottom: 15px;
    padding: 10px 0;
    border-bottom: 1px solid #f1f1f1;
    line-height: 30px
}

.row-sales .mod-hd h2 {
    float: left;
    width: 140px;
    font-size: 24px;
    font-weight: normal;
    color: #333
}

.row-sales .mod-hd h2 span {
    margin-left: 10px;
    font-size: 14px;
    color: #999
}

.mod-hd .more {
    float: right;
    font-size: 14px
}

.row-sales .mod-hd .tab {
    float: left;
    font-size: 16px
}

.row-sales .mod-hd .tab li {
    float: left;
    display: inline
}

.row-sales .mod-hd .tab a {
    display: inline-block;
    float: left;
    padding: 0 6px;
    border-radius: 2px;
    color: #333;
    margin-right: 5px
}

.row-sales .mod-hd .tab a:hover {
    text-decoration: none
}

.row-sales .mod-hd .tab .on {
    background-color: #ff8a00;
    color: #fff
}

.sales-list {
    margin: 0 -15px 0 0;
    *zoom: 1
}

.sales-list .item {
    float: left;
    width: 238px;
    display: inline;
    margin: 0 15px 15px 0
}

.sales-list a {
    display: block;
    font-size: 14px;
    position: relative;
    height: 234px
}

.sales-list a:hover {
    text-decoration: none;
    background-color: #f8f8f8
}

.sales-list .image {
    height: 134px;
    background: #e5e5e5 url(/images/sales/logo-white.png) no-repeat center center;
    text-align: center;
    position: relative
}

.sales-list .caption {
    border: 1px solid #f1f1f1;
    padding: 5px 10px 18px;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 75px;
    background-color: #fff;
    -webkit-transition: height .2s ease-in-out .1s;
    transition: height .2s ease-in-out .1s
}

.sales-list h3 {
    height: 40px;
    margin-bottom: 15px;
    font-weight: normal;
    color: #000;
    line-height: 21px;
    overflow: hidden;
    -webkit-transition: height .2s ease-in-out .1s;
    transition: height .2s ease-in-out .1s
}

.sales-list a:hover .caption {
    height: 115px;
    background-color: #f9f9f9
}

.sales-list a:hover h3 {
    height: 80px
}

.sales-list .price {
    color: #ff8a00
}

.sales-list .price b {
    font-size: 22px
}

.sales-list .price-original {
    color: #999;
    text-decoration: line-through
}

.sales-list .mark-tag {
    position: absolute;
    left: 0;
    top: 0;
    padding: 0 7px;
    line-height: 26px;
    background-color: rgba(0, 0, 0, .7);
    color: #fff;
    font-size: 12px
}

.sales-list .mark-type {
    position: absolute;
    left: 0;
    top: 0;
    padding: 1px;
    line-height: 18px;
    font-size: 12px;
    color: #12bcc4;
    background-color: #12bcc4
}

.sales-list .mark-type strong {
    float: left;
    padding: 0 10px;
    color: #fff;
    font-weight: normal
}

.sales-list .mark-type span {
    float: left;
    padding: 0 8px;
    background-color: #fff
}

.sales-list .sell {
    float: right;
    padding-top: 8px;
    font-size: 12px;
    color: #666
}

.row-sales .getmore {
    clear: both;
    border-top: 1px solid #f1f1f1;
    text-align: center;
    padding: 16px 0 0
}

.row-sales .getmore a {
    color: #ff9d00;
    font-size: 16px
}

.row-schedule {
    background-color: #f5f5f5
}

.row-schedule .tabs {
    margin-bottom: 30px;
    height: 30px;
    border-bottom: 2px solid #e1e1e1;
    line-height: 20px;
    font-size: 18px;
    color: #643718
}

.row-schedule .tabs li {
    float: left;
    display: inline;
    margin-right: 15px;
    padding: 0 20px 10px;
    cursor: pointer
}

.row-schedule .tabs li a {
    color: #643718;
    text-decoration: none
}

.row-schedule .tabs .on {
    border-bottom: 2px solid #f9cc57;
    color: #ff7200;
    _margin-bottom: -2px;
    _position: relative;
    overflow: hidden
}

.row-schedule .tabs .on a {
    color: #ff7200
}

.row-schedule .side {
    float: left;
    width: 380;
    height: 260px;
    position: relative
}

.row-schedule .side a {
    display: block
}

.row-schedule .days {
    position: absolute;
    left: 0;
    top: 0;
    width: 140px;
    padding: 15px 0;
    height: 100px;
    background: url(/images/mdd/place/mark-days.png) no-repeat 0 0;
    color: #fff;
    text-align: center;
    font-size: 14px
}

.row-schedule .days b {
    font-size: 60px;
    font-family: Arial
}

.row-schedule .side p {
    position: absolute;
    left: 0;
    bottom: 0;
    line-height: 45px;
    background-color: rgba(0, 0, 0, .7);
    background-color: #000 \9;
    padding: 0 15px;
    width: 350px;
    color: #fff;
    font-size: 14px
}

.row-schedule .side p span {
    margin-left: 35px
}

.row-schedule .main {
    float: right;
    width: 560px
}

.row-schedule a {
    color: #ff7200
}

.row-schedule a:hover {
    text-decoration: none
}

.row-schedule .title {
    height: 24px;
    line-height: 24px;
    margin-bottom: 5px;
    overflow: hidden;
    font-weight: normal
}

.row-schedule .title a {
    font-size: 18px
}

.row-schedule .visit {
    float: right;
    background-color: #ffa800;
    color: #fff;
    font-size: 14px;
    padding: 0 10px;
    border-radius: 1px;
    line-height: 24px
}

.row-schedule .author {
    margin: 5px 0 20px;
    color: #999;
    line-height: 20px
}

.row-schedule .author img {
    margin-right: 5px
}

.row-schedule ol {
    height: 189px;
    padding-left: 54px;
    background: url(/images/mdd/place/list-day.png) no-repeat left top;
    font-size: 16px;
    overflow: hidden
}

.row-schedule ol li {
    margin: 15px 0 40px;
    width: 505px;
    height: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.row-schedule .btn-detail {
    float: left;
    margin: 5px 0 0 -15px;
    display: inline-block;
    width: 66px;
    height: 44px;
    background: url(/images/mdd/place/place-sprite8.png) no-repeat 0 -90px;
    overflow: hidden;
    font-size: 16px;
    text-indent: 15px;
    line-height: 44px;
    position: relative
}

.row-travels .hd {
    height: 40px;
    border-bottom: 2px solid #dfdfdf
}

.row-travels .hd ul {
    float: left;
    position: relative;
    bottom: -2px;
    line-height: 38px;
    font-size: 24px
}

.row-travels .hd li {
    float: left;
    display: inline;
    height: 38px;
    margin-right: 20px
}

.row-travels .hd li a {
    display: block;
    float: left;
    padding: 0 10px;
    color: #666
}

.row-travels .hd li a:hover, .row-travels .hd .on a {
    color: #ff8a00;
    text-decoration: none;
    border-bottom: 2px solid #f9cc57
}

.tn-write .btn-add i, .tn-extra .btn-ding, .tn-extra .tn-place i, .tn-extra .tn-nums i {
    background: url(/images/index-sprites3.png) no-repeat
}

.row-travels .navbar {
    margin-bottom: 20px;
    height: 36px;
    line-height: 36px;
    font-size: 16px
}

.tn-nav {
    float: left
}

.tn-nav li {
    float: left;
    display: inline;
    margin-right: 28px
}

.tn-nav li a {
    color: #666
}

.tn-nav .active a {
    font-size: 18px;
    color: #333
}

.tn-write {
    float: right;
    margin: -5px 0 0 15px;
    width: 140px;
    line-height: 36px
}

.tn-write .btn-add {
    display: block;
    height: 36px;
    background-color: #ff9d00;
    color: #fff;
    text-align: center;
    border-radius: 4px;
    font-size: 16px
}

.tn-write .btn-add:hover {
    text-decoration: none;
    background-color: #ff8a00
}

.tn-write .btn-add i {
    display: inline-block;
    margin-right: 5px;
    width: 18px;
    height: 17px;
    background-position: 0 0;
    overflow: hidden;
    vertical-align: -3px;
    *vertical-align: middle
}

.row-travels .navbar-sub {
    height: 28px;
    margin-bottom: 15px
}

.tn-dropdown {
    float: left;
    width: 120px;
    display: inline;
    margin-right: 5px;
    line-height: 28px;
    color: #666;
    position: relative
}

.tn-dropdown .dropdown-trigger {
    padding: 0 13px;
    height: 28px;
    position: relative;
    z-index: 2;
    line-height: 28px;
    cursor: pointer
}

.tn-dropdown .icon-dropdown {
    position: absolute;
    top: 11px;
    right: 13px;
    width: 12px;
    height: 6px;
    background-image: url(/images/index-sprites3.png);
    background-position: 0 -30px !important;
    overflow: hidden
}

.tn-dropdown .dropdown-menu {
    position: absolute;
    top: 0;
    border: 1px solid #d6d6d6;
    padding-top: 26px;
    width: 118px;
    border-radius: 4px;
    font-size: 14px;
    background-color: #fff;
    *zoom: 1
}

.tn-dropdown .dropdown-menu ul {
    display: none
}

.tn-dropdown .dropdown-menu li {
    margin: 1px 0;
    height: 28px
}

.tn-dropdown .dropdown-menu a {
    display: block;
    padding: 0 12px;
    color: #666;
    cursor: pointer
}

.tn-dropdown .dropdown-menu a:hover, .tn-dropdown .dropdown-menu .active, .tn-dropdown .dropdown-menu .on {
    background-color: #eee;
    text-decoration: none
}

.tn-dropdown.dropdown-open {
    z-index: 5
}

.tn-dropdown.dropdown-open .dropdown-trigger {
    color: #ff9d00
}

.tn-dropdown.dropdown-open .icon-dropdown {
    background-position: -30px -30px !important
}

.tn-dropdown.dropdown-open .dropdown-menu ul {
    display: block;
    margin: 6px 0;
    height: 240px
}

.tn-dropdown.dropdown-open .dropdown-menu {
    border-color: #ff9d00
}

.row-travels .dropdown-month, .row-travels .dropdown-who {
    width: 100px
}

.row-travels .dropdown-month .dropdown-menu, .row-travels .dropdown-who .dropdown-menu {
    width: 98px
}

.what-treasure {
    float: right;
    color: #999;
    line-height: 28px
}

.what-treasure:hover {
    color: #ff9d00
}

.what-treasure i {
    float: left;
    margin: 5px 4px 0 0;
    width: 16px;
    height: 14px;
    background: url(/images/index-sprites3.png) no-repeat -30px 0;
    overflow: hidden
}

.tn-filterTips {
    float: left;
    padding: 0 0 0 20px;
    font-size: 14px;
    line-height: 28px
}

.tn-filterTips .trigger {
    display: inline-block;
    color: #ff9d00;
    text-decoration: underline
}

.tn-filterTips .trigger i {
    display: inline-block;
    margin-left: 2px;
    width: 20px;
    height: 18px;
    background: url(/images/post/notes-filter6.png) no-repeat -120px 0;
    vertical-align: middle
}

.tn-filterTips .pop {
    position: absolute;
    margin: -8px 0 0 -395px;
    z-index: 9;
    width: 1000px
}

.tn-filterTips .pop dt {
    width: 460px;
    padding: 10px 20px;
    border: 1px solid #999;
    background-color: #f6f6f6;
    border-bottom: 0 none;
    font-size: 18px;
    color: #333;
    border-top-left-radius: 4px;
    position: relative;
    margin-bottom: -1px
}

.tn-filterTips .pop dd {
    padding: 0 20px 20px;
    border: 1px solid #999;
    background-color: #f6f6f6;
    line-height: 30px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    *zoom: 1;
    min-height: 75px
}

.tn-filterTips .pop dd span {
    color: #e37f84
}

.tn-filterTips .btn-close {
    float: right;
    font-size: 12px;
    color: #999;
    padding-right: 10px
}

.tn-filterTips .btn-close i {
    display: inline-block;
    margin-left: 5px;
    width: 20px;
    height: 12px;
    background: url(/images/post/notes-filter6.png) no-repeat -50px -140px;
    vertical-align: -1px
}

.tn-item {
    padding: 15px 0;
    height: 150px
}

.tn-item:hover {
    background-color: #f8f8f8;
    padding: 15px;
    margin: 0 -15px
}

.tn-image {
    float: left;
    width: 220px;
    height: 150px;
    overflow: hidden;
    position: relative
}

.tn-image .icon-baozang {
    position: absolute;
    top: -2px;
    left: -1px;
    width: 50px;
    height: 57px;
    background: url(/images/mdd_new/icon_baozang.png) no-repeat;
    overflow: hidden;
    line-height: 200px
}

.tn-image .icon-digest {
    position: absolute;
    top: -1px;
    left: -1px;
    width: 46px;
    height: 55px;
    background: url(/images/mdd_new/digest_icon.png) no-repeat;
    overflow: hidden
}

.tn-wrapper {
    float: right;
    width: 758px;
    height: 150px
}

.tn-item dl {
    height: 117px
}

.tn-item dt {
    height: 26px;
    margin-bottom: 10px;
    font-size: 18px;
    line-height: 26px
}

.tn-item dt a {
    width: 420px;
    height: 26px;
    display: block;
    color: #333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.tn-item:hover dt a {
    color: #ff9d00;
    text-decoration: none
}

.tn-item dt a.tn-from-app {
    float: right;
    width: auto !important;
    padding: 0 7px;
    border: 1px solid #ff9d00;
    border-radius: 11px;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    color: #ff9d00;
    font-weight: bold;
    overflow: visible;
    background-color: #fff;
    cursor: text
}

.tn-item dt a.tn-from-app:hover {
    position: relative
}

.tn-item dt a.tn-from-app:hover img {
    display: block
}

.tn-item dt a.tn-from-app + a {
    width: 360px
}

.tn-item dt a.tn-from-app img {
    position: absolute;
    right: -5px;
    top: 0;
    padding-top: 25px;
    width: 125px;
    display: none
}

.tn-item dt a.tn-from-app i {
    float: left;
    margin: 2px;
    width: 16px;
    height: 16px;
    background: url(/images/index-sprites9.png) no-repeat -170px 0
}

@media (min-resolution: 1.25dppx),(-webkit-min-device-pixel-ratio: 1.25),(min-device-pixel-ratio: 1.25) {
    .tn-item dt a.tn-from-app i {
        background-image: url(/images/index-sprites8@2x.png);
        background-size: 200px auto
    }
}

.tn-item dd {
    height: 60px;
    line-height: 20px;
    font-size: 14px;
    overflow: hidden
}

.tn-item dd a {
    color: #666
}

.tn-item dd a:hover {
    text-decoration: none;
    color: #666
}

.tn-extra {
    height: 33px;
    overflow: hidden;
    line-height: 33px
}

.tn-extra span {
    display: inline-block
}

.tn-extra .tn-ding {
    float: right;
    color: #ff9d00;
    font-size: 14px;
    *width: 100px;
    text-align: right
}

.tn-extra .tn-ding em {
    font-style: normal
}

.tn-extra .btn-ding {
    display: inline-block;
    float: right;
    margin-left: 8px;
    width: 38px;
    height: 33px;
    background-position: -60px 0 !important;
    overflow: hidden
}

.tn-extra .tn-place {
    margin-right: 5px
}

.tn-extra .tn-place a {
    color: #666
}

.tn-extra .tn-place a:hover {
    color: #ff9d00
}

.tn-extra .tn-place i {
    float: left;
    margin: 8px 5px 0 0;
    width: 14px;
    height: 16px;
    background-position: 0 -50px !important;
    overflow: hidden
}

.tn-extra .tn-user {
    margin-right: 10px
}

.tn-extra .tn-user img {
    margin-right: 5px;
    width: 16px;
    height: 16px;
    overflow: hidden;
    border-radius: 50%;
    vertical-align: -3px;
    *vertical-align: middle
}

.tn-extra .tn-nums {
    font-size: 14px;
    color: #999
}

.tn-extra .tn-nums i {
    float: left;
    margin: 10px 5px 0 0;
    width: 18px;
    height: 14px;
    background-position: -30px -50px !important
}

.tn-item-sales .tn-image {
    overflow: visible
}

.tn-item-sales {
    overflow: visible
}

.tn-item .icon-salesTag {
    position: absolute;
    left: -12px;
    top: 10px;
    width: 79px;
    height: 45px;
    background: url(/images/mdd/place/tn-discount.png) no-repeat 0 0;
    overflow: hidden;
    line-height: 30px;
    font-size: 16px;
    color: #fff;
    text-align: center
}

.post-tab {
    margin-bottom: 10px
}

.post-tab .tab-item {
    float: left;
    font-size: 16px;
    color: #333;
    line-height: 42px
}

.post-tab .tab-item > a {
    color: #333
}

.post-tab .tab-item.on > a {
    color: #ff9d00
}

.post-tab .tab-dropdown {
    width: 130px;
    display: inline;
    margin-right: 10px;
    z-index: 10;
    position: relative
}

.post-tab .dropdown-trigger {
    padding: 0 11px;
    cursor: pointer;
    position: relative;
    z-index: 2
}

.post-tab .tab-item.on .dropdown-trigger {
    font-size: 18px;
    color: #ff9d00
}

.post-tab .dropdown-menu {
    position: absolute;
    left: 0;
    top: 0;
    width: 108px;
    border: 1px solid #ff9d00;
    border-radius: 3px;
    padding: 42px 10px 10px;
    background-color: #fff;
    display: none
}

.post-tab .tab-item:hover .dropdown-menu {
    display: block
}

.post-tab .dropdown-menu a {
    display: block;
    padding-left: 30px;
    color: #333
}

.post-tab .dropdown-menu a:hover {
    text-decoration: none;
    color: #ff9d00
}

.post-tab .icon-xingji, .post-tab .icon-fengshou, .post-tab .icon-post, .post-tab .icon-baozang, .post-tab .glicon {
    float: left;
    margin: 7px 0 0 -27px;
    width: 20px;
    height: 26px;
    background: url(/images/post/notes-filter6.png) no-repeat 0 0;
    overflow: hidden
}

.post-tab .icon-fengshou {
    margin: 10px 0 0 -30px;
    width: 24px;
    height: 22px;
    background-position: -30px 0
}

.post-tab .icon-post {
    margin: 13px 0 0 -27px;
    width: 16px;
    height: 20px;
    background-position: -60px 0
}

.post-tab .icon-baozang {
    margin: 8px 0 0 -29px;
    width: 22px;
    height: 28px;
    background-position: -90px 0
}

.post-tab .glicon {
    margin: 7px 0 0 -30px;
    width: 22px;
    height: 29px;
    background-position: -150px 0
}

.post-tab .icon-dropdown {
    display: inline-block;
    width: 12px;
    height: 6px;
    background-image: url(/images/index-sprites3.png);
    background-position: -30px -30px !important;
    overflow: hidden;
    vertical-align: 3px;
    *vertical-align: middle
}

.post-topic {
    margin-bottom: 15px
}

.pt-tit {
    margin: 18px 0;
    height: 1px;
    border-top: 1px dotted #d1d1d1;
    text-align: center;
    font-size: 12px;
    color: #999
}

.pt-tit span {
    display: inline-block;
    background-color: #fff;
    padding: 0 10px;
    position: relative;
    top: -8px;
    line-height: 16px
}

.row-bg .pt-tit span {
    background-color: #fafafa
}

.row-bg .pt-list .pt-tag {
    background-color: #f0f0f0
}

.pt-list {
    height: 68px;
    position: relative;
    overflow: hidden
}

.pt-list ul {
    margin-right: -8px;
    *zoom: 1
}

.pt-list li {
    float: left;
    text-align: center;
    font-size: 16px;
    color: #666
}

.topic-tag4 li {
    width: 25%
}

.topic-tag5 li {
    width: 20%
}

.topic-tag6 li {
    width: 16.66%;
    *width: 16.64%
}

.topic-tag7 li {
    width: 14.28%
}

.topic-tag8 li {
    width: 12.5%
}

.pt-list .pt-tag {
    margin-right: 8px;
    height: 68px;
    background-color: #f6f6f6;
    border-radius: 3px;
    cursor: pointer;
    position: relative;
    overflow: hidden
}

.pt-list .pt-tag:hover, .pt-list li.on .pt-tag {
    background-color: #ffa800;
    color: #fff
}

.pt-list .v-middle {
    width: 100%;
    height: 68px;
    display: table;
    *padding: 20px 0
}

.pt-list .v-middle strong {
    padding: 0 5px;
    font-weight: normal;
    display: table-cell;
    vertical-align: middle
}

.pt-list .v-middle a {
    display: inline-block;
    color: #666
}

.pt-list .pt-tag:hover a, .pt-list .pt-tag a:hover {
    color: #fff;
    text-decoration: none
}

.pt-list .pt-tag:hover a, .pt-list .on a {
    color: #fff
}

.pt-list .i-select {
    position: absolute;
    right: 5px;
    bottom: 5px;
    width: 20px;
    height: 20px;
    background: url(/images/post/notes-filter6.png) no-repeat -80px -140px;
    overflow: hidden;
    display: none
}

.pt-list li.on .pt-tag .i-select {
    display: block
}

.post-topic .i-top1, .post-topic .i-top2, .post-topic .i-top3 {
    position: absolute;
    left: 0;
    top: 0;
    width: 40px;
    height: 40px;
    background: url(/images/post/notes-filter6.png) no-repeat 0 -30px
}

.post-topic .i-top2 {
    background-position: -50px -30px
}

.post-topic .i-top3 {
    background-position: -100px -30px
}

.post-topic .tag-pop {
    position: relative;
    margin-top: 10px;
    height: 68px;
    background-color: #f6f6f6;
    border-radius: 3px;
    font-size: 12px
}

.pt-list .tag-pop {
    margin: 0
}

.post-topic .tag-pop dl {
    display: table;
    width: 100%;
    height: 68px
}

.post-topic .tag-pop dt {
    display: table-cell;
    width: 110px;
    text-align: center;
    padding: 10px 10px 10px 15px;
    vertical-align: middle;
    font-size: 16px;
    *display: inline;
    *float: left;
    *padding-top: 20px
}

.post-topic .tag-pop dd {
    display: table-cell;
    padding: 10px 40px 10px 0;
    vertical-align: middle;
    *dislay: inline;
    *padding-top: 20px
}

.post-topic .tag-pop .close {
    position: absolute;
    right: 10px;
    bottom: 10px;
    line-height: 14px;
    color: #999;
    font-size: 12px;
    text-decoration: underline
}

.post-topic .tag-pop .close:hover {
    text-decoration: none;
    color: #ff9d00
}

@media (-webkit-min-device-pixel-ratio: 2),(min-device-pixel-ratio: 2) {
    .post-tab .icon-xingji {
        background-position: 0 -40px;
        background-size: 100px
    }

    .post-tab .icon-fengshou {
        background-position: -25px -40px;
        background-size: 100px
    }

    .post-tab .icon-post {
        background-position: -50px -40px;
        background-size: 100px
    }

    .post-tab .icon-baozang {
        background-position: 0 -70px;
        background-size: 100px
    }

    .post-tab .glicon {
        background-position: -75px -15px;
        background-size: 100px
    }

    .pt-list .i-select {
        background-position: 55px -70px;
        background-size: 100px
    }
}

.post-item {
    padding: 0 0 23px;
    border-bottom: 1px dashed #cecece
}

.post-item a {
    color: #ff7200
}

.post-item .post-author {
    margin: 8px 0;
    height: 20px;
    color: #a8a8a8;
    overflow: hidden
}

.post-item .post-author img {
    margin-right: 5px;
    vertical-align: text-bottom
}

.guide_list {
    *zoom: 1
}

.guide_list:after {
    content: "";
    display: block;
    height: 0;
    overflow: hidden;
    clear: both
}

.guide_list dt {
    position: relative;
    width: 282px;
    float: left
}

.guide_list .icon_digest {
    background-image: url(/images/mdd/detail_v2/super_guide.png);
    top: 0
}

.guide_list dt .days {
    height: 41px;
    text-align: center;
    position: absolute;
    right: 0;
    top: 0;
    background-color: #ffa800;
    vertical-align: top;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    padding: 8px 6px 0;
    background: #ffa800
}

.guide_list dt .days strong {
    font-size: 38px;
    font-family: verdana;
    font-weight: normal;
    position: relative;
    top: -6px;
    position: relative;
    z-index: 1
}

.guide_list dt .days i {
    width: 0;
    height: 0;
    border-width: 8px 12px;
    border-color: transparent transparent transparent #ffa800;
    border-style: dashed dashed dashed solid;
    position: absolute;
    line-height: 0;
    left: 0;
    bottom: -7px;
    z-index: 0
}

.guide_list dt p {
    width: 262px;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f0000000, endColorstr=#f0000000);
    background-color: rgba(0, 0, 0, 0.7);
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    overflow: hidden;
    font-size: 14px
}

.guide_list dt p span {
    float: right
}

.guide_list dd {
    display: inline;
    width: 670px;
    float: left;
    margin: 0 0 -10px 20px
}

.guide_list dd h2 {
    overflow: hidden;
    zoom: 1
}

.guide_list dd h2 a {
    font-size: 20px;
    color: #ff8a00;
    font-weight: normal;
    color: #ff8a00
}

.guide_list dd h2 span {
    float: right;
    color: #fff;
    font-size: 12px;
    display: inline-block;
    background-color: #ffa500;
    line-height: 27px;
    padding: 0 8px
}

.guide_list .status {
    font-size: 12px
}

.guide_list .status .icon_view {
    width: 19px;
    height: 15px;
    display: inline-block;
    background: url(/images/mdd/detail_v2/mdd_sprite8.png) 0 -15px;
    margin-left: 5px
}

.guide_list .post-author {
    margin: 5px 0
}

.gl_detail {
    margin: 0 0 0 11px;
    border-left: 1px solid #efefef
}

.gl_detail p {
    padding-left: 22px;
    position: relative;
    margin-top: 15px;
    line-height: 23px;
    font-size: 14px
}

.gl_detail p span {
    display: block;
    width: 600px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.gl_detail p strong {
    width: 23px;
    height: 23px;
    background: url(/images/mdd/detail_v2/poi-listBg10.png) -124px -248px;
    position: absolute;
    left: -12px;
    color: #fff;
    line-height: 23px;
    text-align: center;
    font-family: Arial
}

.gl_dian a {
    font-size: 20px;
    letter-spacing: 2px;
    font-weight: bold;
    vertical-align: 2px
}

.gl_dian a:hover {
    text-decoration: none
}

.gr_title {
    margin-bottom: 6px
}

.gr_title h2 {
    font-size: 18px;
    color: #444;
    font-weight: normal;
    display: inline
}

.gr_title a {
    margin-left: 15px;
    font-size: 14px;
    color: #ff8a00
}

.guide_recommend .hd .on a i {
    background-position: -60px -273px;
    width: 19px;
    height: 21px
}

.guide_recommend .bd {
    margin: 27px 0 10px
}

.guide_recommend .guide_list {
    display: none
}

.row-nearby .hd {
    margin-bottom: 35px;
    font-size: 24px;
    font-weight: normal;
    color: #4f2800;
    line-height: 24px
}

.row-nearby .bd {
    height: 395px;
    overflow: hidden
}

.row-nearby .bd ul {
    width: 1005px
}

.row-nearby li {
    float: left;
    display: inline;
    margin: 0 21px 22px 0;
    width: 179px;
    height: 117px;
    position: relative;
    overflow: hidden
}

.row-nearby li a {
    display: block;
    -moz-transition: all .8s ease 0s;
    -ms-transition: all .8s ease 0s;
    -o-transition: all .8s ease 0s;
    transition: all .8s ease 0s
}

.row-nearby li a:hover {
    text-decoration: none
}

.row-nearby li a:hover img {
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1)
}

.row-nearby h3 {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -14px;
    width: 100%;
    text-align: center;
    font-size: 24px;
    line-height: 28px;
    color: #fff;
    opacity: .9;
    filter: alpha(opacity=90);
    text-shadow: 0 0 2px rgba(0, 0, 0, .8);
    font-weight: normal
}

.row-nearby li p {
    position: absolute;
    left: 0;
    bottom: -30px;
    width: 100%;
    line-height: 30px;
    background-color: rgba(0, 0, 0, .65);
    background-color: #000 \9;
    text-indent: 20px;
    color: #fff;
    font-size: 14px;
    -moz-transition: all .5s ease 0s;
    -ms-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    transition: all .5s ease 0s
}

.row-nearby li a:hover p {
    bottom: 0
}

.row-nearby .item-large {
    width: 380px;
    height: 255px
}

.row-nearby .right {
    float: right
}

.row-nearby li img {
    -moz-transition: all .8s ease 0s;
    -ms-transition: all .8s ease 0s;
    -o-transition: all .8s ease 0s;
    transition: all .8s ease 0s
}

.m-baike .hd {
    margin-bottom: 2px;
    height: 29px;
    border-bottom: 5px solid #fece72;
    text-align: center
}

.m-baike .hd h3 {
    position: relative;
    bottom: -14px;
    display: inline-block;
    padding: 0 12px;
    background-color: #fff;
    font-size: 18px;
    font-weight: normal;
    line-height: 20px;
    *display: inline;
    *zoom: 1
}

.m-baike .bd {
    height: 140px;
    border-top: 1px solid #fece72;
    border-bottom: 1px solid #fece72;
    overflow: hidden
}

.m-baike ul {
    width: 280px;
    margin-top: 5px
}

.m-baike li {
    float: left;
    width: 80px;
    padding-left: 7px;
    line-height: 44px;
    overflow: hidden
}

.m-baike .c2 {
    width: 100px
}

.m-baike .c3 {
    width: 70px
}

.m-baike li a {
    font-size: 14px;
    color: #666
}

.row-hotPlace .hd {
    margin-bottom: 20px;
    line-height: 24px
}

.row-hotPlace h2 {
    display: inline;
    padding-right: 15px;
    font-size: 24px;
    color: #643718;
    font-weight: normal
}

.row-hotPlace .hd a {
    font-size: 16px;
    line-height: 20px
}

.row-hotPlace .bd {
    overflow: hidden;
    margin-top: -50px
}

.row-hotPlace ul {
    margin-left: -23px;
    *zoom: 1
}

.row-hotPlace li {
    float: left;
    width: 311px;
    display: inline;
    margin: 0 0 0 23px
}

.row-hotPlace li.pd {
    margin-top: 50px
}

.row-hotPlace li a {
    display: block;
    position: relative;
    height: 183px;
    overflow: hidden
}

.row-hotPlace li strong {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 25px;
    width: 100%;
    text-align: center;
    font-weight: normal;
    color: #fff;
    font-size: 30px
}

.row-hotPlace li a:hover strong {
    text-shadow: 1px 1px 3px rgba(0, 0, 0, .5)
}

.row-allPlace .btn-addpoi {
    display: inline-block;
    margin-left: 20px;
    font-size: 14px;
    color: #666;
    vertical-align: top
}

.row-allPlace .btn-addpoi i {
    float: left;
    margin: 3px 4px 0 0;
    width: 18px;
    height: 18px;
    background: url(/images/mdd/place/place-sprite8.png) no-repeat -160px -60px;
    overflow: hidden
}

.row-allPlace .list {
    margin-bottom: 25px
}

.row-allPlace .list ul {
    margin-left: -24px;
    *zoom: 1;
    line-height: 30px
}

.row-allPlace .list li {
    float: left;
    width: 310px;
    height: 30px;
    display: inline;
    margin-left: 24px;
    overflow: hidden
}

.row-allPlace .list a {
    color: #a8a8a8;
    font-size: 14px;
    font-family: 'Microsoft Yahei'
}

.row-allPlace .list strong {
    padding-right: 5px;
    color: #666;
    font-weight: normal
}

.row-allPlace .list .icon-label {
    position: absolute;
    margin: 5px 0 0 5px;
    width: 32px;
    height: 14px;
    background: url(/images/mdd/place/place-sprite8.png) no-repeat -30px -65px;
    overflow: hidden;
    font-size: 14px;
    color: #fff;
    font-style: italic;
    font-weight: bold;
    line-height: 100px;
    overflow: hidden
}

.row-allPlace .maps {
    display: block;
    position: relative;
    height: 246px
}

.row-allPlace .maps .mask {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, .4);
    background-color: #fff \9;
    filter: alpha(opacity=40)
}

.row-allPlace .trigger {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    width: 100%;
    text-align: center
}

.row-allPlace .maps .btn {
    display: inline-block;
    margin-top: 95px;
    border: 2px solid #ffa800;
    padding: 15px 28px;
    line-height: 28px;
    font-size: 18px;
    background-color: rgba(255, 255, 255, .85);
    color: #ff7200;
    background-color: #fff \9;
    filter: alpha(opacity=90);
    border-radius: 2px
}

.maps {
    width: 100%;
    overflow: hidden
}

.maps .map-mark .mark-pop {
    display: none;
    z-index: 20;
    position: absolute;
    left: 15px;
    top: 15px;
    background-color: #fff;
    border: 1px solid #eee;
    border-radius: 2px;
    color: #666;
    line-height: 20px;
    padding: 8px 10px;
    white-space: nowrap
}

.maps .map-mark .m-icon:hover .mark-pop {
    display: block
}

.optbutton {
    position: absolute;
    left: 0;
    top: 360px;
    z-index: 10;
    width: 605px
}

.optbutton a {
    width: 52px;
    height: 28px;
    line-height: 28px;
    display: block;
    text-align: center;
    margin: 4px;
    text-decoration: none;
    float: left;
    background: #4eadf2;
    border-radius: 3px;
    cursor: pointer;
    padding: 0 7px;
    color: #fff
}

.optbutton .uploadImg {
    float: left
}

.optbutton .uploadImg .upFileBtn {
    width: 80px;
    height: 27px;
    background: #4eadf2;
    color: #fff;
    font-size: 12px;
    border: medium none;
    border-radius: 3px;
    margin-top: 4px
}

.optbutton .copypos {
    width: 115px
}

.optbutton .submitpos {
    background: #4eadf2;
    border-radius: 3px;
    cursor: pointer;
    color: #fff
}

.tip {
    width: 100px;
    height: 152px;
    background-color: #fff;
    padding: 10px;
    border-radius: 3px;
    position: absolute;
    z-index: 100
}

.tip span {
    text-align: center;
    display: block;
    background: #4eadf2;
    border-radius: 3px;
    cursor: pointer;
    padding: 5px 7px;
    color: #fff
}

.tip input {
    width: 80px
}

.picArea {
    width: 525px;
    height: 360px;
    position: relative
}

.mypic1 {
    z-index: 3;
    position: absolute
}

.mypic2 {
    z-index: 2;
    position: absolute;
    filter: alpha(opacity=50);
    -moz-opacity: .5;
    opacity: .5
}

.selectArea {
    position: absolute;
    z-index: 5;
    margin: 0;
    padding: 0;
    cursor: move;
    left: 0;
    top: 0
}

.selectArea .closeselect {
    cursor: pointer;
    right: 0;
    top: 0;
    position: absolute;
    font-size: 16px
}

.innerSelect {
    position: absolute;
    z-index: 5;
    margin: 0;
    padding: 0;
    cursor: move
}

.innerSelect span {
    padding: 0;
    margin: 0;
    position: absolute
}

.innerSelect span img {
    padding: 0;
    margin: 0;
    position: absolute
}

.squareIE {
    background-color: #fff;
    position: absolute;
    left: 4px;
    top: 4px;
    width: 20px;
    height: 20px;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0
}

.innerIE {
    background-color: #fff;
    position: absolute;
    left: 4px;
    top: 4px;
    width: 20px;
    height: 20px;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0
}

.row-countryTop {
    padding: 0;
    position: relative
}

.row-countryTop .top-info {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 2;
    margin: 0
}

.row-countryTop .crumb {
    width: 980px;
    margin: 0 auto;
    padding: 15px 0
}

.row-countryTop .screen {
    height: 450px;
    position: relative;
    *zoom: 1;
    min-width: 980px
}

.row-countryTop .photo {
    display: block;
    text-align: center
}

.row-countryTop .photo:before {
    visibility: hidden
}

.row-countryTop .photo .text {
    left: 50%;
    top: 155px;
    margin-left: -490px
}

.row-countryTop .photo:hover .text {
    opacity: 1;
    filter: alpha(opacity=100)
}

.row-countryTop .photo .cover {
    overflow: hidden
}

.row-countryTop .info {
    position: absolute;
    right: 50%;
    top: 145px;
    margin-right: -490px;
    width: 430px;
    height: 150px;
    padding: 12px 15px;
    background-color: #000;
    filter: alpha(opacity=85) \9;
    background-color: rgba(0, 0, 0, .6);
    border-radius: 4px;
    color: #fff;
    font-size: 16px;
    line-height: 24px;
    *zoom: 1
}

.row-countryTop .box-impress {
    float: left;
    width: 240px;
    height: 150px;
    overflow: hidden
}

.row-countryTop .box-tips {
    float: left;
    width: 160px;
    height: 150px;
    padding-left: 15px;
    margin-left: 10px;
    border-left: 1px solid #aaabaa;
    overflow: hidden
}

.row-countryTop .info h3 {
    height: 20px;
    line-height: 20px;
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: normal;
    overflow: hidden
}

.row-countryTop .info li {
    float: left;
    display: inline;
    margin: 0 8px 12px 0;
    font-size: 14px;
    line-height: 26px
}

.row-countryTop .info li a {
    text-decoration: none;
    float: left;
    height: 27px;
    color: #ff7200;
    padding: 0 8px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, .9);
    white-space: nowrap
}

.row-countryTop .info p {
    margin-bottom: 10px
}

.row-countryTop .nav-block {
    margin-bottom: 0;
    border: 0;
    box-shadow: 0 2px 2px rgba(0, 0, 0, .1);
    position: relative
}

.row-countryTop .nav-fixed {
    position: fixed
}

.row-countryTop .nav-fixed .nav-bd {
    padding: 0
}

.row-countryTop .nav-bd {
    padding: 7px 0
}

.row-countryTop .nav-bd li {
    width: 108px;
    margin: 0
}

.row-countryTop .nav-bd li a {
    border: 0
}

.row-countryTop .nav-bd li a:after {
    visibility: hidden
}

.row-recommend .tabs {
    height: 50px;
    border-bottom: 6px solid #ffa800;
    line-height: 30px;
    font-size: 24px;
    color: #643718;
    text-align: center
}

.row-recommend .tabs ul {
    margin-left: -18px;
    *zoom: 1
}

.row-recommend .tabs li {
    float: left;
    width: 33.32%;
    _width: 33%
}

.row-recommend .tabs a {
    display: block;
    height: 50px;
    color: #643718;
    position: relative
}

.row-recommend .tabs a:hover {
    text-decoration: none
}

.row-recommend .tabs .on {
    color: #ff7200
}

.row-recommend .tabs .on .icon-arr {
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -12px;
    display: inline-block;
    border-bottom: 10px solid #ffa800;
    border-left: 10px dashed transparent;
    border-right: 10px dashed transparent;
    overflow: hidden;
    line-height: 0
}

.row-recommend .bd ul {
    margin: 0 0 -18px -18px;
    *zoom: 1
}

.row-recommend .bd li {
    float: left;
    width: 33.32%;
    _width: 33%
}

.row-recommend .bd a {
    display: block;
    position: relative;
    margin: 0 0 18px 18px;
    overflow: hidden;
    *zoom: 1
}

.row-recommend .bd a:hover {
    text-decoration: none
}

.row-recommend .bd a:hover dl {
    top: 0
}

.row-recommend .bd img {
    width: 100%
}

.row-recommend .bd dl {
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    height: 100%;
    background-color: #cccf93;
    color: #fff;
    transition: top .5s ease 0s;
    font-size: 16px;
    line-height: 28px
}

.row-recommend .bd dt {
    margin: 18px 10px 10px;
    font-size: 18px
}

.row-recommend .bd div.hr {
    display: block;
    border: 2px solid #fff;
    height: 1px;
    border-width: 2px 3px;
    margin: 5px -3px 0;
    padding: 0;
    overflow: hidden;
    -webkit-box-sizing: padding-box;
    -moz-box-sizing: padding-box;
    box-sizing: padding-box
}

.row-recommend .bd dd {
    margin: 10px
}

.row-countryMaps .hd {
    margin-bottom: 25px;
    font-size: 24px;
    color: #643718;
    font-weight: normal;
    line-height: 24px;
    text-align: center
}

.row-countryMaps .bd {
    position: relative;
    height: 500px
}

.row-countryMaps .maps {
    width: 500px;
    height: 450px;
    position: absolute;
    left: 60px;
    overflow: hidden
}

.row-countryMaps .intro {
    width: 300px;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 16px;
    color: #643718;
    line-height: 24px
}

.row-countryMaps .maps-mini {
    position: absolute;
    right: 0;
    top: 0;
    width: 260px;
    padding: 10px;
    background-color: #cccf93;
    border-radius: 3px;
    font-size: 18px;
    color: #fff;
    line-height: 20px
}

.row-countryMaps .m {
    margin-bottom: 5px;
    padding: 2px;
    background-color: #fff;
    border-radius: 3px
}

.row-countryMaps .pop-place, .pop-traffic {
    position: absolute;
    right: 0;
    top: 210px;
    width: 260px;
    padding: 10px;
    background-color: #cccf93;
    border-radius: 3px;
    color: #fff;
    font-size: 16px;
    line-height: 24px
}

.row-countryMaps .pop-place .icon-arr, .pop-traffic .icon-arr {
    position: absolute;
    left: -7px;
    top: 60px;
    border-right: 7px solid #cccf93;
    border-top: 9px dashed transparent;
    border-bottom: 9px dashed transparent;
    overflow: hidden;
    line-height: 0
}

.row-countryMaps .pop-place strong {
    font-size: 18px;
    font-weight: normal
}

.row-countryMaps .pop-place .more {
    float: right;
    font-size: 14px;
    color: #ff7200
}

.row-countryMaps .tabs {
    position: absolute;
    left: 0;
    top: 300px;
    width: 104px;
    line-height: 36px;
    font-size: 16px;
    white-space: nowrap
}

.row-countryMaps .tabs li {
    margin-bottom: 4px;
    height: 36px
}

.row-countryMaps .tabs a {
    text-decoration: none;
    display: block;
    padding: 0 12px;
    background-color: #a7d5d4;
    border-radius: 3px;
    color: #fff
}

.row-countryMaps .tabs a.on {
    background-color: #92bf48
}

.pop-traffic {
    color: #a8a8a8;
    font-size: 12px;
    line-height: 30px
}

.pop-traffic dl {
    background-color: #fff;
    padding: 12px 17px 20px;
    border-radius: 2px
}

.pop-traffic dt {
    margin-bottom: 15px
}

.pop-traffic dt i {
    display: block;
    width: 220px;
    height: 30px;
    background: url(/images/mdd/place/country-maps-traffic.png) no-repeat 0 0
}

.pop-traffic dt .icon-flight {
    height: 74px
}

.pop-traffic dt .icon-car {
    background-position: 0 -90px
}

.pop-traffic dt .icon-train {
    background-position: 0 -120px
}

.pop-traffic strong {
    font-weight: normal;
    font-size: 14px;
    color: #666
}

.summary {
    margin-top: 40px;
    font-size: 16px;
    line-height: 28px
}

.summary .title, .row-must .hd, .row-hot .hd, .row-allPlace .hd {
    margin-bottom: 35px;
    font-size: 24px;
    color: #643718;
    font-weight: normal;
    line-height: 24px
}

.summary .hd {
    margin-bottom: 35px
}

.row-must .item {
    margin-bottom: 48px
}

.row-must .item:nth-last-child(1) {
    margin-bottom: 0
}

.row-must dt {
    float: left;
    width: 280px
}

.row-must .icon-num {
    float: left;
    width: 40px;
    height: 50px;
    margin: 0 12px 25px 0;
    background: url(/images/mdd/place/place-sprite8.png) no-repeat -200px 0
}

.row-must .icon-num.num2 {
    background-position: -240px 0
}

.row-must .icon-num.num3 {
    background-position: -280px 0
}

.row-must .icon-num.num4 {
    background-position: -320px 0
}

.row-must .icon-num.num5 {
    background-position: -360px 0
}

.row-must .icon-num.num6 {
    background-position: -400px 0
}

.row-must .title {
    padding-top: 5px;
    line-height: 26px;
    font-size: 18px;
    color: #ff7200;
    font-weight: normal
}

.row-must .title a {
    color: #ff7200
}

.row-must .en-title {
    font-size: 14px;
    color: #a8a8a8
}

.row-must .info {
    clear: both;
    padding-left: 5px;
    font-size: 16px;
    line-height: 30px;
    word-break: initial
}

.row-must .user {
    display: inline-block
}

.row-must .user img {
    width: 30px;
    height: 30px;
    margin-right: 5px;
    border-radius: 50%;
    vertical-align: -7px
}

.row-must .count {
    float: right;
    padding-top: 10px;
    color: #a8a8a8
}

.row-must .count em {
    font-style: normal;
    color: #ff7200
}

.row-must dd {
    float: right;
    width: 674px;
    height: 335px;
    overflow: hidden
}

.row-must dd ul {
    margin-right: -10px;
    *zoom: 1
}

.row-must dd li {
    float: left;
    width: 229px;
    height: 165px;
    display: inline;
    margin: 0 5px 5px 0;
    overflow: hidden
}

.row-must dd .large {
    width: 440px;
    height: 335px
}

.row-hot .bd {
    width: 100%;
    margin-bottom: -22px;
    overflow: hidden
}

.row-hot .bd ul {
    margin-left: -22px;
    *zoom: 1
}

.row-hot .bd li {
    float: left;
    width: 312px;
    height: 312px;
    display: inline;
    margin: 0 0 22px 22px;
    overflow: hidden;
    position: relative
}

.row-hot .bd a {
    display: block
}

.row-hot .bd .info {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 5px 0 10px;
    background-color: rgba(0, 0, 0, .3);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#60000000, endColorstr=#60000000);
    text-align: center;
    color: #fff;
    font-size: 16px
}

.row-hot .bd h3 {
    margin-bottom: 5px;
    padding: 0 15px;
    font-size: 24px;
    font-weight: normal
}

.row-hot .bd p {
    padding: 0 15px
}

.row-hot .bd img {
    transition: all 1s ease 0s
}

.row-hot .bd a:hover img {
    transform: scale(1.1);
    transition: all 2s ease 0s
}

.row-hot .bd .item-large {
    width: 646px
}

.row-allPlace .nav {
    float: right;
    display: inline;
    margin-top: -5px;
    line-height: 32px;
    font-size: 14px;
    color: #666
}

.row-allPlace .nav li {
    float: left;
    display: inline;
    margin-left: 15px
}

.row-allPlace .nav a {
    display: inline-block;
    color: #666;
    padding: 0 10px;
    border-radius: 2px
}

.row-allPlace .nav .on {
    background-color: #ffa800;
    color: #fff
}

.row-empty .icon-nav {
    margin-bottom: 45px
}

.row-empty .icon-nav i {
    display: inline-block;
    margin: 0 8px;
    width: 36px;
    height: 36px;
    background: url(/images/mdd/detail_v2/cate-icon2.gif) no-repeat -50px 0;
    overflow: hidden;
    line-height: 200px
}

.row-empty .icon-nav .btn-scenic {
    background-position: -50px 0
}

.row-empty .icon-nav .on .btn-scenic, .row-empty .icon-nav a:hover .btn-scenic {
    background-position: 0 0
}

.row-empty .icon-nav .btn-cate {
    background-position: -50px -50px
}

.row-empty .icon-nav .on .btn-cate, .row-empty .icon-nav a:hover .btn-cate {
    background-position: 0 -50px
}

.row-empty .icon-nav .btn-shop {
    background-position: -50px -200px
}

.row-empty .icon-nav .on .btn-shop, .row-empty .icon-nav a:hover .btn-shop {
    background-position: 0 -200px
}

.row-empty .icon-nav .btn-amusement {
    background-position: -50px -150px
}

.row-empty .icon-nav .on .btn-amusement, .row-empty .icon-nav a:hover .btn-amusement {
    background-position: 0 -150px
}

.row-empty p {
    margin-bottom: 25px;
    font-size: 20px
}

.row-empty .btn-newPlace {
    display: inline-block;
    width: 136px;
    height: 34px;
    padding-left: 80px;
    background-color: #ffa800;
    font-size: 16px;
    color: #fff;
    text-align: left;
    line-height: 34px
}

.row-empty .btn-newPlace i {
    float: left;
    margin: 7px 0 0 -24px;
    width: 18px;
    height: 18px;
    background: url(/images/mdd/place/place-sprite8.png) no-repeat -160px -30px;
    overflow: hidden
}

.row-empty .btn-newPlace:hover {
    background-color: #ff8a00;
    text-decoration: none
}

.photo-empty {
    height: 360px;
    background-color: #fafafa;
    text-align: center;
    overflow: hidden;
    font-size: 14px;
    color: #999
}

.photo-empty .icon {
    display: block;
    margin: 60px auto 15px;
    width: 140px;
    height: 120px;
    background: url(/images/mdd/place/img-empty-logo.png) no-repeat 0 0;
    overflow: hidden
}

.photo-empty .btn {
    display: inline-block;
    margin-top: 25px;
    width: 160px;
    height: 50px;
    background-color: #ff9d00;
    text-align: center;
    line-height: 50px;
    color: #fff;
    font-size: 14px;
    border-radius: 3px
}

.photo-empty .btn:hover {
    text-decoration: none;
    background-color: #ff8a00
}

.m-impress .bd {
    height: 140px;
    font-size: 14px
}

.row-empty {
    text-align: center
}

.row-empty .msg {
    margin-bottom: 45px;
    font-size: 16px;
    color: #999
}

.row-empty .msg i {
    display: block;
    margin: 20px auto;
    width: 114px;
    height: 120px;
    background: url(/images/mdd/place/mmsg-icon-cry.png) no-repeat 0 0;
    overflow: hidden
}

.row-empty .btn-addpoi {
    display: inline-block;
    margin: 0 20px;
    padding: 18px 30px;
    font-size: 16px;
    color: #333;
    line-height: 32px;
    border: 1px dashed #ccc;
    border-radius: 3px
}

.row-empty .btn-addpoi:hover {
    text-decoration: none;
    color: #ff9d00;
    background-color: #fff;
    border-color: #ff9d00
}

.row-empty .btn-addpoi i {
    display: inline-block;
    margin-right: 20px;
    float: left;
    width: 32px;
    height: 32px;
    background: url(http://css.mafengwo.net/images/mdd/place/icon-place-nav6.png) no-repeat 0 -320px;
    overflow: hidden
}

.row-empty .btn-addpoi .icon-travelnotes {
    background-position: 0 -480px
}

.row-empty .btn-addpoi .icon-food {
    background-position: 0 -360px
}

.row-empty .btn-addpoi .icon-wenda {
    background: url() no-repeat
}

.row-placeList .r-title {
    margin-bottom: 35px;
    text-align: left;
    font-size: 26px;
    color: #333;
    font-weight: normal;
    line-height: 30px
}

.row .r-action {
    margin-top: 20px;
    text-align: center;
    font-size: 14px
}

.row .r-action .btn {
    display: inline-block;
    height: 50px;
    padding: 0 35px;
    line-height: 50px;
    color: #fff;
    background-color: #ff9d00;
    border-radius: 3px
}

.row .r-action .btn:hover {
    text-decoration: none;
    background-color: #ff7e00
}

.fixed-sanya {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 50;
    width: 100%
}

.fixed-sanya .sanya-bg {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 147px;
    background-color: #000;
    opacity: .6;
    filter: alpha(opacity=60)
}

.fixed-sanya .sanya-img {
    position: relative;
    margin: 0 auto;
    width: 980px;
    height: 230px;
    background: url(/images/mdd/place/sanya-banner2.png) no-repeat
}

.fixed-sanya .sanya-banner .close {
    position: absolute;
    right: 0;
    top: 127px;
    width: 52px;
    height: 68px;
    cursor: pointer
}

.fixed-sanya .sanya-side {
    position: absolute;
    width: 120px;
    height: 240px;
    left: 50%;
    margin-left: 500px;
    bottom: 0;
    background: url(/images/mdd/place/sanya-side.png) no-repeat;
    cursor: pointer
}

@media screen and (max-width: 1240px) {
    .fixed-sanya .sanya-side {
        left: auto;
        right: 30px
    }
}

.treasure_tips {
    width: 340px;
    height: 175px;
    background-image: url(/images/mdd/place/treasure_tips.png);
    position: absolute;
    left: -15px;
    top: -55px
}

.treasure_tips a {
    position: absolute;
    width: 112px;
    height: 40px;
    left: 107px;
    top: 134px;
    line-height: 200px;
    overflow: hidden
}

.treasure_tips .i_know {
    width: 84px;
    height: 38px;
    left: 254px;
    top: 134px
}

.row-primary .screen {
    margin-top: 40px
}

.row-primary .wrapper {
    width: auto
}

.row-primary .crumb, .row-primary .nav-block, .row-primary .screen, .summary {
    width: 1000px;
    margin-left: auto;
    margin-right: auto
}

.row-primary .nav-block {
    position: relative;
    z-index: 4
}

.large-gg .screen {
    padding: 5px 5px 0;
    background-color: #fff
}

.large-gg .photo .text, .large-gg .screen .photo::before {
    display: none
}

.large-gg {
    position: relative;
    height: 440px
}

.large-gg .gg-top {
    height: 75px
}

.large-gg .gg-top a {
    display: block;
    height: 100%
}

.large-gg .gg-left, .large-gg .gg-right {
    position: absolute;
    top: 0;
    left: 50%;
    width: 345px;
    height: 450px
}

.large-gg .gg-left a, .large-gg .gg-right a {
    display: block;
    width: 100%;
    height: 100%
}

.large-gg .gg-left {
    margin-left: -839px
}

.large-gg .gg-right {
    margin-left: 495px
}

.large-gg .wrapper {
    position: relative;
    background-color: #fff;
    padding: 5px
}

@media (max-width: 1280px) {
    .large-gg .gg-left, .large-gg .gg-right {
        display: none
    }
}

.da980 {
    width: 1000px;
    margin: 0 auto
}

.daRow {
    width: 1000px;
    margin: 0 auto
}

.row-gonglve .r-title {
    margin-bottom: 40px;
    font-size: 26px;
    color: #333;
    font-weight: normal;
    line-height: 24px;
    text-align: center
}

.row-line .r-title, .row-sales .r-title {
    margin-bottom: 35px;
    text-align: center;
    font-size: 26px;
    color: #333;
    font-weight: normal;
    line-height: 30px
}

.line-cards {
    float: left;
    display: inline;
    margin-right: 18px;
    width: 488px;
    height: 370px;
    border: 1px solid #e6e6e6;
    box-shadow: 0 0 3px rgba(224, 224, 224, .75);
    color: #333
}

.line-cards-right {
    margin-right: 0
}

.line-cards h3 {
    height: 30px;
    margin: 15px 20px;
    line-height: 30px;
    font-size: 20px;
    font-weight: normal
}

.line-cards h3 a {
    color: #333
}

.line-cards h3 a:hover {
    color: #ff9d00;
    text-decoration: none
}

.line-cards .num {
    float: left;
    margin-right: 15px;
    width: 22px;
    height: 24px;
    background-color: #ff9d00;
    color: #fff;
    text-align: center;
    position: relative;
    line-height: 26px
}

.line-cards .num:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -7px;
    border-left: 11px solid #ff9d00;
    border-right: 11px solid #ff9d00;
    border-bottom: 7px dashed transparent;
    overflow: hidden;
    line-height: 0
}

.line-cards .map {
    height: 180px;
    overflow: hidden
}

.line-cards .map a:hover img {
    opacity: .8;
    filter: alpha(opacity=80);
    transition: opacity .3s ease-in-out 0s
}

.line-cards .info {
    padding: 0 20px
}

.line-cards dt {
    margin: 10px 0;
    font-size: 16px;
    line-height: 30px
}

.line-cards dt span {
    margin-right: 12px;
    float: left;
    font-size: 28px;
    color: #ff9d00
}

.line-cards dd {
    border-top: 1px dashed #ddd;
    padding-top: 15px;
    font-size: 14px;
    line-height: 24px;
    height: 48px;
    overflow: hidden;
    position: relative
}

.line-cards dd .cityline {
    display: block;
    width: 400px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.line-cards .arrow {
    margin: 0 10px;
    display: inline-block;
    width: 14px;
    height: 10px;
    background: url(/images/mdd/place/line-details-sprites2.png) no-repeat -80px 0;
    overflow: hidden;
    line-height: 100px;
    *vertical-align: middle
}

.line-cards .btn-view {
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: #fff;
    padding-left: 18px
}

.line-all {
    clear: both;
    padding-top: 30px;
    *zoom: 1;
    text-align: right
}

.line-all a {
    display: inline-block;
    font-size: 18px;
    color: #333
}

.line-all a:hover {
    text-decoration: none;
    color: #ff9d00
}

.line-all .icon {
    float: left;
    margin: 4px 10px 0 0;
    width: 25px;
    height: 25px;
    background-color: #fff;
    border: 1px solid #909090;
    border-radius: 1px
}

.line-all .i-blue {
    display: block;
    height: 14px;
    background-color: #7fc8ed
}

.line-all .i-orange {
    display: block;
    height: 5px;
    background-color: #ff9d00
}

.line-all .num {
    font-size: 24px;
    color: #ff9d00
}

.row-placeList {
    border-bottom: 0 none
}

.row-placeList .hd {
    margin-bottom: 20px
}

.row-placeList .hd h3 {
    float: left;
    font-size: 20px;
    font-weight: normal;
    color: #333
}

.row-placeList .hd em {
    font-style: normal;
    color: #ff9d00
}

.row-placeList .sort {
    float: right;
    padding-top: 5px;
    font-size: 14px;
    line-height: 20px
}

.row-placeList .sort a {
    color: #333
}

.row-placeList .sort a.on {
    color: #ff9d00
}

.row-placeList .divide {
    display: inline-block;
    width: 1px;
    height: 10px;
    background-color: #dadada;
    margin: 0 10px;
    overflow: hidden
}

.row-placeList .bd ul {
    margin-right: -25px;
    *zoom: 1
}

.row-placeList .item {
    float: left;
    width: 320px;
    height: 346px;
    display: inline;
    margin: 0 20px 30px 0
}

.row-placeList .item:hover {
    box-shadow: 0 0 4px rgba(0, 0, 0, .1)
}

.row-placeList .item:hover .caption {
    border-color: #dfdfdf
}

.row-placeList .item:hover strong {
    color: #ff9d00
}

.row-placeList .img {
    height: 200px;
    overflow: hidden;
    position: relative
}

.row-placeList .title {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    color: #fff;
    padding: 40px 10px 10px;
    text-align: center;
    font-size: 24px;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 10px, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.8) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(15%, rgba(0, 0, 0, 0)), color-stop(50%, rgba(0, 0, 0, 0.4)), color-stop(100%, rgba(0, 0, 0, 0.8)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 10px, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.8) 100%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 10px, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.8) 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 10px, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.8) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 10px, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.8) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#aa000000', GradientType=0)
}

.row-placeList .title .enname {
    font-size: 14px;
    line-height: 1.6em
}

.row-placeList .rank-num {
    position: absolute;
    left: 0;
    top: 0;
    padding: 0 14px;
    height: 35px;
    background-color: #616669;
    border-radius: 0 2px 2px 2px;
    text-align: center;
    line-height: 35px;
    color: #fff;
    font-size: 20px
}

.row-placeList .rank-top {
    background-color: #ff9d00
}

.row-placeList .caption {
    height: 125px;
    padding: 10px 20px;
    border: 1px solid #f2f2f2;
    border-top: 0 none
}

.row-placeList .caption .nums {
    display: inline-block;
    position: relative;
    font-size: 14px;
    color: #666;
    position: relative
}

.row-placeList .caption .nums b {
    color: #ff9d00
}

.row-placeList .caption .nums:after, .row-placeList .caption .nums:before {
    content: "";
    display: inline-block;
    width: 10px;
    height: 1px;
    background-color: #e5e5e5;
    vertical-align: middle;
    margin: 0 12px
}

.row-placeList .caption .detail {
    height: 40px;
    line-height: 20px;
    overflow: hidden;
    color: #333;
    text-align: left;
    padding: 10px 0 0
}

.row-placeList dt {
    padding: 5px 0 12px;
    text-align: center;
    font-size: 14px;
    border-bottom: 1px solid #f5f5f5;
    line-height: 20px
}

.row-placeList dt a {
    display: block;
    color: #999
}

.row-placeList dt a:hover {
    text-decoration: none
}

.row-placeList dt a:hover strong {
    color: #ff9d00
}

.row-placeList dt strong {
    font-size: 24px;
    font-weight: normal;
    color: #333;
    line-height: 30px
}

.row-placeList dt b {
    color: #ff9d00
}

.row-placeList dd {
    height: 20px;
    margin-top: 15px;
    font-size: 14px;
    line-height: 20px;
    overflow: hidden
}

.row-placeList dd a {
    color: #666
}

.row-placeList dd a:hover {
    color: #ff9d00
}

.row-placeList dd .label {
    float: left;
    margin-right: 15px;
    color: #ff9d00
}

.row-placeList .m-pagination {
    padding: 0
}

.line-all .num {
    font-size: 24px;
    color: #ff9d00
}

.row-placeList .item-line {
    height: auto;
    position: relative
}

.row-placeList .item-line:before {
    content: '';
    position: absolute;
    z-index: 2;
    left: 19px;
    bottom: 0;
    width: 3px;
    border-top: 50px solid #fff;
    border-bottom: 71px solid #eee
}

.row-placeList .item-line .caption {
    height: 56px;
    padding: 7px 20px 7px 15px
}

.row-placeList .item-line dd {
    margin: 0;
    padding-left: 22px;
    height: 28px;
    line-height: 28px;
    position: relative;
    z-index: 3
}

.row-placeList .item-line dd:before {
    content: '';
    float: left;
    margin: 7px 0 0 -21px;
    width: 3px;
    height: 3px;
    border: 2px solid #eee;
    background-color: #fff;
    border-radius: 50%
}

.row-placeList .mask-info {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 20px 15px 15px 37px;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.6) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(50%, rgba(0, 0, 0, 0.3)), color-stop(100%, rgba(0, 0, 0, 0.6)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 10px, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.6) 100%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.6) 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.6) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.6) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#99000000', GradientType=0);
    color: #fff;
    font-size: 14px
}

.row-placeList .mask-info h3 {
    margin-bottom: 5px;
    font-size: 24px;
    font-weight: normal
}

.row-placeList .mask-info h3:before {
    content: '';
    float: left;
    margin: 11px 0 0 -23px;
    width: 6px;
    height: 6px;
    border: 3px solid #fff;
    border-radius: 50%
}

.row-placeList .mask-info b {
    margin-right: 6px;
    display: inline-block;
    line-height: 20px;
    background-color: #ff9d00;
    border-radius: 3px;
    padding: 0 6px
}

.tn-item dt.hasxjicon a {
    width: 392px
}

.tn-item dt.hasxjicon a.xjicon, .tn-item dt.hasxjicon a.bzicon, .tn-item dt.hasxjicon a.fsicon {
    display: block;
    width: 62px;
    height: 35px;
    float: left;
    margin: -4px 8px 0 0;
    background: url(/images/shequ/notes-medal3.png) no-repeat -100px -100px;
    overflow: hidden;
    line-height: 200px
}

.tn-item dt.hasxjicon a.bzicon {
    background-position: -100px -50px
}

.tn-item dt.hasxjicon a.fsicon {
    background-position: -100px 0
}

.tn-item dt.hasxjicon a.xjicon {
    background-position: -100px -100px
}

.tn-item dt.hasxjicon a.glicon {
    display: block;
    width: 22px;
    height: 29px;
    float: left;
    margin: 0 8px 0 0;
    background: url(/images/post/notes-filter6.png) no-repeat -150px 0;
    overflow: hidden;
    line-height: 200px
}

@media (min-resolution: 1.25dppx),(-webkit-min-device-pixel-ratio: 1.25),(min-device-pixel-ratio: 1.25) {
    .tn-item dt.hasxjicon a.xjicon, .tn-item dt.hasxjicon a.bzicon, .tn-item dt.hasxjicon a.fsicon {
        background-image: url(/images/shequ/notes-medal3@2x.png);
        background-size: 300px auto
    }

    .tn-item dt.hasxjicon a.glicon {
        background-position: -75px -15px;
        background-size: 100px
    }
}

.row-local .r-title {
    margin-bottom: 30px;
    text-align: left;
    font-size: 26px;
    color: #333;
    font-weight: normal;
    line-height: 30px
}

.row-local .i-speed {
    display: inline-block;
    margin-left: 10px;
    width: 82px;
    height: 19px;
    background: url(/images/mdd/place/speed-buy.png) no-repeat;
    vertical-align: middle
}

.local-pro li {
    float: left;
    width: 310px;
    display: inline;
    margin-right: 35px
}

.local-pro ul {
    margin-right: -40px;
    *zoom: 1
}

.local-pro .img {
    display: block;
    margin-bottom: 10px;
    height: 170px;
    overflow: hidden;
    position: relative
}

.local-pro .title {
    margin-bottom: 5px;
    display: block;
    width: 320px;
    height: 28px;
    line-height: 28px;
    font-size: 18px;
    color: #000;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.local-pro .title:hover {
    color: #ff9d00
}

.local-pro p {
    padding-left: 12px;
    font-size: 14px;
    color: #666;
    line-height: 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.local-pro p:before {
    content: '';
    float: left;
    margin: 5px 0 0 -12px;
    display: inline-block;
    width: 2px;
    height: 10px;
    background-color: #ff9d00
}

.local-pro .more {
    margin-top: 15px;
    border-top: 1px dashed #ebebeb;
    padding-top: 15px;
    text-align: center;
    font-size: 14px;
    line-height: 20px
}

.local-pro .mark {
    position: absolute;
    left: 0;
    top: 10px;
    height: 30px;
    padding: 0 10px;
    background-color: #ff6262;
    line-height: 30px;
    color: #fff
}

.local-pro .mark:after {
    content: '';
    position: absolute;
    top: 0;
    right: -10px;
    border-top: 15px solid #ff6262;
    border-right: 10px dashed transparent;
    border-bottom: 15px solid #ff6262
}

.row-local .r-more {
    clear: both;
    margin-top: 25px;
    text-align: center
}

.row-local .r-more a {
    display: inline-block;
    border: 1px solid #ff9d00;
    border-radius: 4px;
    font-size: 14px;
    line-height: 40px;
    padding: 0 42px;
    color: #ff9d00
}

.row-local .r-more a:hover {
    text-decoration: none;
    background-color: #ff9d00;
    color: #fff
}

.tn-box {
    border: 1px solid #e5e5e5;
    box-shadow: 0 0 3px rgba(0, 0, 0, .1);
    padding: 0 20px 10px;
    width: 958px;
    background-color: #fff;
    margin: 5px 0 15px
}

.tn-box .tn-m {
    padding: 15px 0
}

.tn-box .tn-m:hover {
    margin: 0 -20px;
    padding: 15px 20px;
    background-color: #f8f8f8
}

.tn-box .tn-wrapper {
    width: 718px
}

.tn-m .tn-extra .tn-user {
    margin-right: 4px
}

.tn-m .tn-extra .level {
    color: #eb5443;
    margin-right: 18px
}

.tn-extra .check {
    width: 100px;
    height: 22px;
    text-align: center;
    line-height: 22px;
    color: #999;
    background-color: #efefef;
    border-radius: 11px
}

.tn-box .tn-m dl {
    height: 117px;
    overflow: hidden
}

.tn-box .tn-m dt {
    height: 33px;
    margin-bottom: 10px;
    font-size: 18px;
    line-height: 33px
}

.tn-box .tn-m dt a {
    width: 420px;
    height: 26px;
    display: block;
    color: #333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.tn-box .tn-m:hover dt a {
    color: #ff9d00;
    text-decoration: none
}

.tn-box .tn-m dd {
    height: 60px;
    line-height: 20px;
    font-size: 14px;
    overflow: hidden
}

.tn-box .tn-m dd a {
    color: #666
}

.tn-box .tn-m dd a:hover {
    text-decoration: none;
    color: #666
}

.tn-box p.more {
    padding: 8px 0 9px
}

.tn-box p.more a {
    color: #ff9d00
}

.tn-box p.more em {
    color: #ff9d00;
    font-style: normal
}

.row-hotel .r-title span {
    color: #666;
    font-size: 16px;
    font-weight: normal;
    margin-left: 15px
}

.row-hotel .local-pro li {
    width: 310px;
    height: 311px;
    float: left;
    position: relative;
    margin: 0 35px 0 0;
    overflow: hidden
}

.row-hotel .img-bag {
    background: rgba(0, 0, 0, 0.25);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    text-align: center
}

.row-hotel .img-bag h2 {
    margin-top: 60px;
    padding: 12px 3px;
    color: #FFF;
    font-size: 22px;
    display: inline-block;
    text-shadow: #000 0 1px 0;
    position: relative
}

.row-hotel .img-bag h2:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 2px;
    background: #FFF
}

.row-hotel .img-bag h2:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 1px;
    width: 100%;
    height: 2px;
    background: #FFF
}

.row-hotel .img-bag p {
    font-size: 14px;
    color: #FFF;
    line-height: 22px;
    width: 230px;
    margin: 45px auto 0 auto;
    padding: 0;
    text-shadow: #000 0 1px 0;
    text-overflow: clip;
    white-space: normal
}

.row-hotel .img-bag p:before {
    display: none
}

.row-local .change {
    float: right;
    font-size: 12px;
    color: #999;
    text-decoration: none;
    background-color: transparent
}

.row-local .change i {
    width: 14px;
    height: 14px;
    background: url(/images/localdeals/visa/change.png) no-repeat;
    display: inline-block;
    margin-right: 4px;
    vertical-align: middle
}

.newsletter {
    width: 1000px;
    margin: 20px auto -20px
}

.newsletter-inner {
    padding: 10px 15px;
    background-color: #f6f7f9;
    border-radius: 6px;
    font-size: 14px;
    line-height: 20px
}

.newsletter-head {
    float: left;
    margin-top: 3px;
    width: 60px;
    height: 14px;
    margin-right: 15px;
    background: url(/images/safety-prevention/icon-news.png) no-repeat;
    background-size: 100%
}

.newsletter-body {
    margin-left: 75px;
    height: 20px;
    overflow: hidden;
    position: relative
}

.newsletter-body ul {
    position: relative
}

.newsletter-body li a {
    display: block;
    position: relative;
    height: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #666
}

.newsletter-body .icon-arrow {
    position: absolute;
    right: 0;
    top: 2px;
    width: 16px;
    height: 16px;
    background: url() no-repeat center center
}

@charset "UTF-8";
.map-mark {
    position: absolute;
    cursor: pointer;
    z-index: 30
}

.map-mark .m-icon {
    display: block;
    width: 7px;
    height: 7px;
    background: url(/images/hotel/hotel-maps-icon7.png) no-repeat 0 0
}

.map-mark.sdw .m-icon {
    width: 15px;
    height: 15px;
    background-position: -66px 0
}

.map-mark.on .m-icon {
    width: 20px;
    height: 30px;
    background-size: 140px 250px
}

.map-mark:hover .m-icon:after {
    content: '';
    position: absolute;
    display: block;
    width: 3px;
    height: 3px;
    margin: 2px 0 0 2px;
    background: url(/images/hotel/hotel-maps-icon7.png) no-repeat -65px -240px;
    border-radius: 50%;
    overflow: hidden
}

.map-mark.sdw:hover .m-icon:after {
    content: '';
    position: absolute;
    width: 4px;
    height: 4px;
    background-color: #fff;
    border-radius: 50%;
    left: 5px;
    top: 3px
}

.map-mark.on:hover {
    z-index: 50
}

.map-mark.on:hover .m-icon:after {
    display: none;
    visibility: hidden
}

.map-mark.mark-hotel.small .m-icon {
    width: 7px;
    height: 7px;
    background-position: -50px -90px
}

.map-mark.small:hover .m-icon:after {
    width: 3px;
    height: 3px;
    margin: 2px 0 0 2px;
    background-position: -65px -240px
}

.map-mark:hover {
    z-index: 31
}

.map-mark .mark-pop {
    display: none;
    z-index: 20;
    position: absolute;
    left: 15px;
    top: 15px;
    background-color: #fff;
    border: 1px solid #eee;
    border-radius: 2px;
    color: #666;
    line-height: 20px;
    padding: 8px 10px;
    white-space: nowrap
}

.map-mark .m-icon:hover .mark-pop {
    display: block
}

.mark-metro .i-hot {
    position: absolute;
    bottom: -4px;
    left: 2px;
    width: 25px;
    height: 11px;
    background: url(/images/booking/subway/icon-metroHot.png) no-repeat;
    overflow: hidden
}

.mark-metro.small .i-hot {
    display: none
}

.map-mark .m-ptit {
    position: absolute;
    white-space: nowrap;
    text-align: center;
    line-height: 24px;
    color: #fff;
    font-size: 14px;
    padding: 0 10px;
    background-color: #42454b;
    top: -30px
}

.m-ptit i {
    position: absolute;
    top: 25px;
    left: 50%;
    margin-left: -6px;
    border-top: 5px solid #42454b;
    border-left: 6px dashed transparent;
    border-right: 6px dashed transparent
}

.mark-scenic.small .m-ptit {
    display: none
}

.mark-scenic.small:hover .m-ptit {
    display: block
}

.mark-scenic .m-icon {
    background-position: -50px 0
}

.mark-scenic.sdw .m-icon {
    background-position: -66px 0
}

.mark-scenic.on .m-icon {
    background-position: -50px 0
}

.mark-scenic.on.focus .m-icon, .mark-scenic.on:hover .m-icon {
    background-position: -75px 0
}

.mark-shopping .m-icon {
    background-position: -50px -30px
}

.mark-shopping.sdw .m-icon {
    background-position: -66px -30px
}

.mark-shopping.on .m-icon {
    background-position: -50px -30px
}

.mark-shopping.on.focus .m-icon, .mark-shopping.on:hover .m-icon {
    background-position: -75px -30px
}

.mark-food .m-icon {
    background-position: -50px -60px
}

.mark-food.sdw .m-icon {
    background-position: -66px -60px
}

.mark-food.on .m-icon {
    background-position: -50px -60px
}

.mark-food.on.focus .m-icon, .mark-food.on:hover .m-icon {
    background-position: -75px -60px
}

.mark-train .m-icon {
    background-position: -50px -120px
}

.mark-train.sdw .m-icon {
    background-position: -66px -120px
}

.mark-train.on .m-icon {
    background-position: -50px -120px
}

.mark-train.on.focus .m-icon, .mark-train.on:hover .m-icon {
    background-position: -75px -120px
}

.mark-airport .m-icon {
    background-position: -50px -150px
}

.mark-airport.sdw .m-icon {
    background-position: -66px -150px
}

.mark-airport.on .m-icon {
    background-position: -50px -150px
}

.mark-airport.on.focus .m-icon, .mark-airport.on:hover .m-icon {
    background-position: -75px -150px
}

.mark-metro .m-icon {
    background-position: -50px -180px
}

.mark-metro.sdw .m-icon {
    background-position: -66px -180px
}

.mark-metro.on .m-icon {
    background-position: -50px -180px
}

.mark-metro.on.focus .m-icon, .mark-metro.on:hover .m-icon {
    background-position: -75px -180px
}

.mark-place .m-icon {
    background-position: -50px -210px
}

.map-mark.mark-hotel {
    background: 0
}

.mark-hotel .m-icon {
    background-position: -50px -90px
}

.mark-hotel.small .m-icon {
    background-position: -50px -90px
}

.mark-hotel.sdw .m-icon {
    background-position: -66px -90px
}

.mark-hotel.on .m-icon {
    background-position: -50px -90px
}

.mark-hotel.on.focus .m-icon, .mark-hotel.on:hover .m-icon {
    background-position: -75px -90px
}

.mark-hotel .m-icon-point {
    display: block;
    width: 26px;
    height: 26px;
    background: url(/images/hotel/icon-maps-type7.png) no-repeat 0 0;
    background-position: 0 -172px
}

.mark-route .m-icon {
    background-position: -1px -314px
}

.map-mark.mark-route .m-icon {
    width: 12px;
    height: 12px
}

.map-mark.mark-route:hover .m-icon:after {
    display: none
}

.m-popHover {
    box-shadow: 0 0 0 5px rgba(0, 0, 0, .1);
    background-color: #fff
}

.m-popHover .title {
    height: 23px;
    display: block;
    *display: inline;
    *zoom: 1;
    padding: 5px 20px;
    background-color: #fff;
    line-height: 22px;
    color: #ff7000;
    font-size: 14px;
    font-weight: normal;
    white-space: nowrap
}

.m-popHover .icon-arr {
    position: absolute;
    bottom: -12px;
    left: 50%;
    margin-left: -7px;
    border-top: 7px solid rgba(0, 0, 0, .1);
    border-left: 6px dashed transparent;
    border-right: 6px dashed transparent;
    line-height: 0;
    font-size: 0
}

.m-popHover .icon-arr i {
    position: absolute;
    margin: -12px 0 0 -6px;
    border-top: 7px solid #fff;
    border-left: 6px dashed transparent;
    border-right: 6px dashed transparent
}

.m-popHover .price {
    position: absolute;
    right: 0;
    *right: 4px;
    top: -27px;
    height: 22px;
    padding: 5px 10px 0;
    background-color: #ff7e19;
    color: #fff;
    line-height: 20px;
    font-size: 12px;
    overflow: hidden
}

.m-popHover .price span {
    font-size: 16px;
    font-family: 'Microsoft Yahei'
}

.m-pop-poi-black {
    height: 24px;
    font-size: 14px;
    line-height: 24px;
    color: #fff;
    text-align: center;
    background-color: #42454b
}

.m-pop-poi-black a {
    display: block;
    padding: 0 10px;
    font-size: 14px;
    line-height: 24px;
    color: #fff !important;
    text-align: center;
    white-space: nowrap
}

.m-pop-poi-black i {
    position: absolute;
    top: 24px;
    left: 50%;
    margin-left: -6px;
    border-top: 5px solid #42454b;
    border-left: 6px dashed transparent;
    border-right: 6px dashed transparent
}

.m-area-info-window {
    padding: 3px 12px;
    float: left;
    position: relative;
    box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12);
    background-color: #fff;
    border: 2px solid #d4d2cd \9;
    color: #0a89e4;
    border-radius: 30px;
    line-height: 18px;
    font-size: 12px;
    cursor: pointer;
    white-space: nowrap
}

.m-area-info-window:hover {
    background-color: #0a89e4;
    color: #fff;
    border-color: #fff;
    box-shadow: 0 0 0 3px rgba(255, 255, 255, 1)
}

.mark-round16 {
    width: 16px;
    height: 16px;
    background: url(/images/hotel/hotel-maps-icon7.png) no-repeat 0 -240px
}

.mark-round16:hover {
    background-position: -25px -240px
}

.mark-round20 {
    width: 20px;
    height: 20px;
    background: url(/images/hotel/hotel-maps-icon7.png) no-repeat 0 -270px
}

.mark-round20:hover {
    background-position: -25px -270px
}

@media (-webkit-min-device-pixel-ratio: 2),(min-device-pixel-ratio: 2) {
    .mark-round16 {
        background-position: -50px -210px;
        background-size: 140px
    }

    .mark-round16:hover {
        background-position: -75px -210px;
        background-size: 140px
    }

    .mark-round20 {
        background-position: -50px -230px;
        background-size: 140px
    }

    .mark-round20:hover {
        background-position: -75px -230px;
        background-size: 140px
    }
}

.row a {
    color: #ff9d00
}

.row-placeTop {
    background-color: #fff
}

h2.title {
    font-size: 20px;
    color: #333;
    font-weight: normal;
    margin-bottom: 25px;
    line-height: 22px
}

.row-summary {
    font-size: 16px;
    line-height: 24px
}

.row-summary a {
    color: #ff9d00
}

.row-top5 h2.title {
    margin-bottom: 0
}

.row-top5 .item + .item {
    border-top: 1px solid #eee;
    padding-top: 30px;
    margin-top: 30px
}

.row-top5 .item {
    height: 270px
}

.row-top5 .info {
    float: left;
    width: 385px;
    height: 270px;
    display: table;
    line-height: 24px;
    font-size: 14px
}

.middle {
    display: table-cell;
    vertical-align: middle
}

.row-top5 h3 {
    margin-bottom: 25px;
    font-size: 18px;
    line-height: 20px;
    font-weight: normal
}

.row-top5 .num {
    float: left;
    margin-right: 18px;
    width: 20px;
    height: 20px;
    border-radius: 2px;
    background-color: #ff9d00;
    text-align: center;
    color: #fff;
    font-size: 14px
}

.row-top5 .rev-total {
    float: right;
    font-size: 12px
}

.row-top5 .rev-total em {
    font-style: normal;
    color: #ff9d00
}

.row-top5 .info p {
    margin-bottom: 12px;
    font-size: 16px
}

.row-top5 .links {
    color: #999
}

.row-top5 .pic {
    float: right;
    width: 575px;
    height: 270px;
    overflow: hidden
}

.row-top5 .pic div {
    float: left;
    display: inline;
    width: 185px;
    height: 130px;
    margin-bottom: 10px
}

.row-top5 .pic .large {
    width: 380px;
    height: 270px;
    margin-right: 10px
}

.row-hotScenic .bd {
    margin: 0 -20px -20px 0;
    *zoom: 1
}

.row-hotScenic .grid {
    float: left;
    width: 242px;
    height: 320px;
    display: inline;
    margin: 0 15px 20px 0
}

.row-hotScenic .grid-two {
    width: 485px
}

.row-hotScenic .grid-two .figure {
    width: 485px;
    height: 320px
}

.row-hotScenic .grid-two h3 {
    font-size: 20px;
    line-height: 30px
}

.row-hotScenic .figure {
    width: 242px;
    height: 155px;
    position: relative;
    margin-bottom: 10px;
    line-height: 20px;
    font-size: 14px;
    overflow: hidden
}

.row-hotScenic .figure a {
    color: #fff;
    display: block
}

.row-hotScenic h3 {
    font-size: 16px;
    padding-bottom: 10px;
    line-height: 24px;
    font-weight: normal
}

.row-hotScenic .figure .title {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding-left: 14px;
    padding-right: 14px;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.8) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(15%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.8)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.8) 100%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.8) 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.8) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.8) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#99000000', GradientType=0);
    -webkit-transition: opacity .5s ease 0s;
    transition: opacity .5s ease 0s
}

.row-hotScenic .mask-container {
    position: absolute;
    left: 0;
    top: 100%;
    right: 0;
    bottom: 0;
    padding: 15px;
    background-color: rgba(0, 0, 0, .6);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#66000000', endColorstr='#66000000', GradientType=0);
    -webkit-transition: top .5s ease 0s;
    transition: top .5s ease 0s;
    height: 100%
}

.row-hotScenic .mask {
    display: table;
    width: 100%;
    height: 100%
}

.row-hotScenic .figure a:hover .title {
    opacity: 0;
    display: none \9
}

.row-hotScenic .figure a:hover .mask-container {
    top: 0
}

.row-allScenic .btn-add {
    display: inline-block;
    margin-left: 20px;
    font-size: 14px;
    color: #ff9d00
}

.row-allScenic .btn-add i {
    float: left;
    margin-right: 5px;
    font-weight: bold;
    font-style: normal;
    font-size: 18px;
    vertical-align: middle
}

.row-allScenic .nav {
    margin-bottom: 5px;
    line-height: 30px;
    font-size: 14px
}

.row-allScenic .nav li {
    float: left;
    position: relative
}

.row-allScenic .nav li:before {
    content: '';
    position: absolute;
    left: 0;
    top: 7px;
    width: 1px;
    height: 15px;
    background-color: #eee
}

.row-allScenic .nav a {
    display: inline-block;
    color: #333;
    padding: 0 20px;
    border-radius: 1px
}

.row-allScenic .nav .ona a:hover {
    text-decoration: none
}

.row-allScenic .nav .on a {
    background-color: #ff9d00;
    color: #fff
}

.row-allScenic .nav .on:before, .row-allScenic .nav .on + li:before {
    display: none
}

.row-allScenic .scenic-list {
    margin-right: -20px;
    *zoom: 1
}

.row-allScenic .scenic-list li {
    float: left;
    width: 192px;
    height: 174px;
    display: inline;
    margin: 15px 10px 0 0
}

.row-allScenic .scenic-list a {
    display: block;
    color: #333;
    font-size: 14px
}

.row-allScenic .scenic-list a:hover {
    text-decoration: none;
    color: #ff9d00
}

.row-allScenic .scenic-list .img {
    height: 130px;
    overflow: hidden
}

.row-allScenic .scenic-list h3 {
    text-align: center;
    border: 1px solid #eee;
    height: 43px;
    line-height: 42px;
    padding: 0 10px;
    overflow: hidden;
    font-weight: normal
}